Menu
I need to know how to add own mdi icons in custom classes. the provided mdi classes provided don't meet my expectations.
How can i add those and use them like the default one
<i class="mdi-image-facebook"></i>
<i class="mdi-image-linkedin"></i>
Thanks in advance
749
The icons are available for download in SVG or PNGs, formats that are suitable for web, Android, and iOS projects or for inclusion in any designer tools.
Material Design Icons are available for free on the official Material Design Icons website. You can use them in your Android apps, websites, and designs, and there are no restrictions on how you can use them.
To embed Google Icons in your HTML web pages you have to add the link of material-icons font library in the <head> section of your HTML file and then add the class material-icons in the <i> or <span> tag of the <body> section along with the name of the icon.
Using the Icon Google's Material Icons provides a long list of icons. Choose any one of them and add the name of the icon class to any HTML element within the < body > tag. In the following example, we have used the icon named accessibility that belongs to the action category.
Well, the is an alternative solution provided by this website. It's include preety much a good number of icons such as social buttons.
http://materialdesignicons.com/getting-started
You just have to add this css link to get the icons and add them as classes
<link href="css/materialdesignicons.min.css" media="all" rel="stylesheet" type="text/css" />
and
<i class="mdi mdi-facebook-box"></i> <!-- facebook box -->
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With