Skip to content

Commit 1bf07a8

Browse files
committed
chore(ui/dev): add svg form of material icons round/sharp/outlined
1 parent cae7912 commit 1bf07a8

File tree

2 files changed

+11
-7
lines changed

2 files changed

+11
-7
lines changed

docs/src/pages/vue-components/icon.md

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -138,19 +138,19 @@ export default {
138138
If you are only using svg icons (and have configured a [Quasar Icon Set](/options/quasar-icon-sets)) then you don't need the webfont equivalent in your app at all.
139139
:::
140140
141-
| Vendor | Quasar IconSet name | Import Icons from | Notes |
141+
| Vendor | Quasar IconSet name | Import Icons from | Requirements |
142142
| --- | --- | --- | --- |
143143
| Material Icons (Google) | svg-material-icons | @quasar/extras/material-icons | |
144-
| Material Icons Outlined (Google) | svg-material-icons-outlined | @quasar/extras/material-icons-outlined | `@quasar/extras` v1.9+ |
145-
| Material Icons Sharp (Google) | svg-material-icons-sharp | @quasar/extras/material-icons-sharp | `@quasar/extras` v1.9+ |
146-
| Material Icons Round (Google) | svg-material-icons-round | @quasar/extras/material-icons-round | `@quasar/extras` v1.9+ |
144+
| Material Icons Outlined (Google) | svg-material-icons-outlined | @quasar/extras/material-icons-outlined | @quasar/extras v1.9+; Quasar v1.13+ |
145+
| Material Icons Sharp (Google) | svg-material-icons-sharp | @quasar/extras/material-icons-sharp | @quasar/extras v1.9+; Quasar v1.13+ |
146+
| Material Icons Round (Google) | svg-material-icons-round | @quasar/extras/material-icons-round | @quasar/extras v1.9+; Quasar v1.13+ |
147147
| MDI (Material Design Icons) | svg-mdi-v5 | @quasar/extras/mdi-v5 | |
148148
| Font Awesome | svg-fontawesome-v5 | @quasar/extras/fontawesome-v5 | |
149-
| Ionicons v5 | svg-ionicons-v5 | @quasar/extras/ionicons-v5 | `@quasar/extras` v1.7+ |
149+
| Ionicons v5 | svg-ionicons-v5 | @quasar/extras/ionicons-v5 | @quasar/extras v1.7+ |
150150
| Ionicons v4 | svg-ionicons-v4 | @quasar/extras/ionicons-v4 | |
151151
| Eva Icons | svg-eva-icons | @quasar/extras/eva-icons | |
152152
| Themify Icons | svg-themify | @quasar/extras/themify | |
153-
| Line Awesome | svg-line-awesome | @quasar/extras/line-awesome | `@quasar/extras` v1.5+ |
153+
| Line Awesome | svg-line-awesome | @quasar/extras/line-awesome | @quasar/extras v1.5+ |
154154
155155
### Import guide
156156

ui/dev/src/pages/components/icon.vue

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -60,6 +60,9 @@ import themifySet from 'quasar/icon-set/themify.js'
6060
import lineawesomeSet from 'quasar/icon-set/line-awesome.js'
6161
6262
import svgMatSet from 'quasar/icon-set/svg-material-icons.js'
63+
import svgMatOutlinedSet from 'quasar/icon-set/svg-material-icons-outlined.js'
64+
import svgMatRoundSet from 'quasar/icon-set/svg-material-icons-round.js'
65+
import svgMatSharpSet from 'quasar/icon-set/svg-material-icons-sharp.js'
6366
import svgMdiSet from 'quasar/icon-set/svg-mdi-v5.js'
6467
import svgIoniconsV4Set from 'quasar/icon-set/svg-ionicons-v4.js'
6568
import svgIoniconsSet from 'quasar/icon-set/svg-ionicons-v5.js'
@@ -143,7 +146,8 @@ export default {
143146
matSet, matOutlinedSet, matRoundSet, matSharpSet,
144147
mdiSet, fontawesomeSet, ioniconsV4Set, evaSet, themifySet,
145148
lineawesomeSet,
146-
svgMatSet, svgMdiSet, svgIoniconsV4Set, svgIoniconsSet, svgFontawesomeSet,
149+
svgMatSet, svgMatOutlinedSet, svgMatRoundSet, svgMatSharpSet,
150+
svgMdiSet, svgIoniconsV4Set, svgIoniconsSet, svgFontawesomeSet,
147151
svgEvaSet, svgThemifySet, svgLineawesomeSet
148152
].map(({ name, ...set }) => parseSet(name, set))
149153
}

0 commit comments

Comments
 (0)