Enables 1000+ Material Design icons within WordPress pages and posts. Icons can be inserted with a shortcode or HTML markup.
- Shortcode generator — includes an easy-to-use TinyMCE pop-up shortcode generator.
Material Design Icons can be used in 3 different ways: shortcode, HTML, and TinyMCE
[mdi-icon name="material-ul" size="2x" color="red"]
You can also use hex values for color:
[mdi-icon name=”material-ul” size=”2x” color=”#000000″]
You can read more about shortcode usage on Github
Material Design Icons also provides you with a pop-up window when editing in TinyMCE’s visual mode. Check out our Screenshots to see what it looks like.
Note that prefixes are required for HTML usage. For this reason, shortcode usage is encouraged over HTML. A HTML version would look like:
To use any of the Material Design icons on your WordPress site follow the steps below:
- Activate the plugin through the ‘Plugins’ menu in WordPress
- Add the HTML markup or shortcode to your WordPress post or page.
A full list of the 1000+ Material Design icons is available: materialdesignicons.com/
To use any of the Material Design icons on your WordPress site you have two options:
<i class="mdi mdi-bell"></i>
Don’t want to worry about HTML tags? You can use a shortcode in your posts, pages and even widgets to display a Material Design icon.
The shortcode to use is
[mdi-icon name=X], where name=X is the class of the icon you would like to use.
Since v0.0.3 you can now add size and color.
[mdi-icon name="amazon" color="red" size="2x"]
Hex values will work for the color option and the include size values are: lg, 2x, 3x, 4x, 5x, 6x, 7x, 8x, 9x, 10x
- Can I use this in any WordPress theme?
- Can I use the icons within widget areas?
Contributors & Developers
“Material Design Icons” is open source software. The following people have contributed to this plugin.Contributors
Translate “Material Design Icons” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
- tested on 4.3
- update MDI to 1.1.70
- fix icon font sizes
- Add TinyMCE button
- Add size and color options
- Update to Material Design Icons 1.0.62
- Initial release