The Quasar Icon component allows you to easily insert icons within other components or any other area of your pages, as you’d like. Quasar currently supports: Material Icons, Font Awesome, Ionicons, MDI and IcoMoon. Except for IcoMoon (which has a license), you can either choose to use only one of them or use multiple. Note: We do not include the ability to use mdi-flip-. and mdi-rotate-. at the same time. Iconify is the most versatile icon framework available. It offers one syntax for over 80 popular icon sets that include over 60,000 icons. It can also be used with custom icons. Iconify SVG framework is designed to replace outdated glyph fonts and offer huge choice of icons. Unlike other SVG frameworks, Iconify only loads icons that are. Mobirise contains a special extension to work with icon fonts and this font is available by default. If you want to add some icons to your page made with other tools, install a icon font to your page first. 1) Download the icon font files, and put the mobirise folder to the same folder with your page. Print this page to PDF for the complete set of vectors. Or to use on the desktop, install Material-Design-Iconic-Font.ttf, set it as the font in your application, and copy and paste the icons (not the unicode, if your switch to show it) directly from this page into your designs. To show icons unicode choose 'Show icons codes' in sidebar. If you use 2.0 font version as standalone font - you should update it carefully.
Here is a list of all currently used icons in Mantid.These icons are from Material Design Icons (3.6.95), an open sourceicon project by Google. Best place to find new unused iconsis on the cheatsheet.
A developer who adds a new icon to a GUI should update this list withit’s specific usage if it can be used anywhere else in the codebase.
General Icons¶
| Use | getIcon String | Icon | ||
|---|---|---|---|
| Copy | “mdi.content-copy” | ||
| Paste | “mdi.content-paste” | ||
| Cut | “mdi.content-cut” | ||
| Settings | “mdi.settings” | ||
| Eraser | “mdi.eraser” | ||
| Delete | “mdi.trash-can” | ||
| Error | “mdi.asterisk” | ||
| Plot | “mdi.chart-line” | ||
| Plot Multiple | “mdi.chart-areaspline” | ||
| Up | “mdi.arrow-up” | ||
| Down | “mdi.arrow-down” | ||
| Play | “mdi.play” | ||
| Stop | “mdi.stop” | ||
| Pause | “mdi.pause” | ||
| Plus | “mdi.plus” | ||
| Close | “mdi.close” | ||
| Search | “mdi.folder” | ||
| Refresh | “mdi.twitter-retweet” | ||
| Home | “mdi.home” | ||
| Pan/Move | “mdi.arrow-all” | ||
| Zoom | “mdi.magnify” | ||
| Zoom In | “mdi.magnify-plus-outline” | ||
| Zoom Out | “mdi.magnify-minus-outline” | ||
| Grid | “mdi.grid” | ||
| Save | “mdi.content-save” | ||
| Move to Table | “mdi.file-move” | ||
| Beam Centre | “mdi.adjust” | ||
| Diagnostic | “mdi.stethoscope” | ||
| Process All | “mdi.sigma” | ||
Table Icons¶
| Use | getIcon String | Icon |
|---|---|---|
| Table | “mdi.table” | |
| Export Data | “mdi.file-export” | |
| Add Row | “mdi.table-row-plus-after” | |
| Remove Row | “mdi.table-row-remove” | |
| New Table | “mdi.table-plus” | |
| Remove Table | “mdi.table-remove” | |
| Expand All | “mdi.expand-all” | |
| Collapse All | “mdi.collapse-all” |
Using 'inline' SVG icon code
Google Material Design Icons
You can use the code of your SVG icon files. Download some SVG icon and open it using any text editor to learn its code. You can simply paste it into your HTML code.
Material Design Icons