A font which includes some of the most popular WordPress Icons.
View Demo
yarn add wordpress-icon-font
Download fonts and stylesheets and unzip the downloaded file.
- Copy the font files to your fonts/webfonts directory
- Copy the CSS files (To save loading times I reccommend only copying the minified file) to your css directory
- Include the css file in the
<head>of your project - You're ready to use the icons now
- Don't forget to apply the
aria-label="Plugin Name"if you're using the icon on it's own
Font Name: wp-plugin-icons
<i class="wp-plugin-yoast"></i> Yoast SEO
<span class="wp-plugin-ithemes-security" aria-label="iThemes Security"></span>
<a href="#" class="wp-plugin-jetpack"></a>- Advanced Custom Fields
- Contact Form 7
- Divi Builder
- iThemes Security
- Jetpack
- LearnPress
- Yoast SEO
- Askimet
- W3 Total Cache
- WP Smush
- Wordfence
- Woo Commerce
- Updraft
- Duplicator
- Ninja Forms
Request Icons Here and add the label 'Icon Request'
- Initial Version
- Added scss files for install
- Added these icons:
- Askimet & Alt
- Advanced Custom Fields Alt
- W3 Total Cache
- WP Smush
- Wordfence
- Woo Commerce
- Updraft
- Duplicator
- Ninja Forms
- Now available as yarn package
- Creating a better demo page
- Include recommended Aria Labels for each icon
- Adding more icons
If you liked Wordpress Plugin Icon Font, please consider buying me a coffee. Thank you for your support!
Free to use however you like. Go nuts!
If you're using wp-plugin-fonts, let me know on Twitter I'd love to see it in action!