More icons. Quasar supports out of the box: Material Icons, Font Awesome, Ionicons, MDI, Eva Icons, Themify Icons and Line Awesome. For the wanted icon, copy the SVG path they provide, and use it as the child of the SvgIcon component.

The QIcon component allows you to easily insert icons within other components or any other area of your pages. Currently Iconify is available only as JavaScript library for browsers, React and Angular components. Font Awesome; Material Design; Material Design Icons.

Open Font License Icons: ... Goal of Iconify is to offer unified icon framework for multiple platforms. View and submit violations. My personal favorite web font is the Captain Icon pack created by designer Mario del Valle. If you use HTML or CSS syntax, Iconify loads icons from Iconify API.

Icon. Home Material Design Icons. MDI.

Instead of creating a wrapper component or manually defining the specific icon each time a component appears, you can configure it at a global level.

There are multiple types of icons in Quasar: webfont-based, svg-based (v1.7+) and image-based. Let's say your application calls for a custom icon in a Vuetify component. Hi! Project's Demo Page. MDIDX (this repository) is a ~fork (+ fixes) of Google's Material Design icons repository. That means you can use any font-icon library like fontawesome, material-design-icons, icomoon or your own custom font icon.. To use font icons in nativescript angular project, there is a great plugin nativescript-ng2-fonticon.This plugin requires a font file and a CSS file containing mapping of className and unicode of the icon.

Add Snippets Sign In Sign up.

1. include the desired font icon pack into your HTML page; 2. set the full name of the icon you want to use: // using a Font Awesome icon {view: "icon", icon: "fas fa-envelope"} // using a Material Design icon {view: "icon", icon: "mdi mdi-email"} For example, you can use: Material Design Icons collection; Related sample: Icons. Icons; Tools . Furthermore you can add support by yourself for any icon lib.. Nativescript natively supports font icons. Submit icon suggestions through the issue tab. MDIDX - Same Material Design icons, Better DX. Each icon has a very unique design, and they’re all hand drawn from scratch. More styles. Note: mdi-material-ui has already wrapped each of these SVG icons with the SvgIcon component, so you don't have to do it yourself. Nativescript natively supports font icons.

materialdesignicons.com provides over 2,000 icons. Find the list of 3500+ beautiful Material Design Icons which is best for almost all type of projects. Code of Conduct. I especially would like to provide midi files on a homepage and would like to see an icon …

Captain Icon. mdi, fa, fas, far, fad, fal: mdi: icon: Icon name: String — — size: Icon size, optional: String is-small, is-medium, is-large — custom-size: Overrides icon font size, optional: String Depends on library: null (smallest), fa-lg, fa-2x, fa-3x, fa-4x, fa-5x, mdi-18px, mdi-24px, mdi-36px, mdi-48px: Depends on size prop: custom-class: Add class to icon font ( tag), optional. :) i'd like to see an icon for MIDI (Musical Instrument Digital Interface) As a widely set standard i think this would fit.