WordPress Tutorial Videos by WP101®

175+ WordPress tutorial videos for non-techies.

  • About Us
    • Top WordPress Products
    • Testimonials
  • WordPress Tutorials
    • Intro to WordPress
    • WordPress 101
    • Elementor 101
    • Spectra 101
    • How to Blog Better
    • WPForms 101
    • WooCommerce 101
    • Beaver Builder 101
    • Ninja Forms 101
    • WP Rocket 101
  • Help Forum
    • Hire a WordPress Expert
  • Blog
  • Contact
  • Sign In

Genericons — a free, GPL, icon font for your site.

January 21, 2021

FacebookTweetLinkedIn
Genericons. A free, GPL, icon font.
Automattic has released a free icon font for use in your own projects.

Genericons is a set of very clean, vector-based icons embedded in a webfont, which can be scaled to any resolution, or even styled with CSS.

The upcoming theme, Twenty Thirteen, which will be included in WordPress 3.6 makes use of Genericons, so check out the demo of that theme to see it in action.

To make it even easier to begin using Genericons, Mika Epstein has already released a plugin called Genericon’d. Install the plugin, and then begin using either HTML or simple shortcodes to display Genericons in your posts, pages, and widgets.

If you’re looking for a free set of icons to use in your site or other project, look no further than Genericons.

Filed Under: Tutorials Tagged With: Plugins

Comments

  1. WendyGoodman says

    March 20, 2013 at 7:39 pm

    Will Genericons let me change fonts in the themes?

    • Shawn says

      March 20, 2013 at 9:31 pm

      Actually, Genericons is a font itself, so it won’t conflict with any fonts already used in your theme. But no, it will not enable you to also change fonts within your theme.

      Hope this helps!

  2. Marius Lixandru says

    January 4, 2018 at 1:56 am

    Hello, is there any option to serve Genericons locally inside WordPress, instead of calling them from the Genericons website?

    • Shawn Hesketh says

      January 8, 2018 at 10:21 am

      There are actually several ways to use Genericons in your WordPress website. The easiest is to just install the Genericon’d plugin by Mika Epstein. Then follow the instructions to use the shortcode to display any Genericon in your pages or posts.

      You can also download the SVG files and/or icon fonts, then upload them to your web server, using the instructions on the official GitHub page.

      But, since this article was published nearly five years ago, the Genericons project has not really grown much. If you’re looking for a much more robust set of icon fonts, you’ll want to check out the more popular Font Awesome instead.

      And this excellent tutorial, by our friends at Elegant Themes, covers how to use Font Awesome on your WordPress website.

      Hope this helps!

  3. Marius Lixandru says

    January 14, 2018 at 4:04 am

    Thank you So much for reply Shawn

Search this Site

See our handpicked list of the best WordPress plugins and themes for your site!

We've done the hard work for you! Check out our list of the best WordPress plugins, themes, and services to get the most out of your WordPress website.

Products We ♥

Most Popular Articles

  • How to Install WordPress in 5 Minutes
  • Why Do We Recommend Managed WordPress Hosting?
  • Best WordPress Hosting in 2022. Which One is Right for You?
  • How to Use the WordPress 101 Videos to Train Your Clients
  • 10 Reasons Why You Should Never Host Your Own Videos

Most Recent Articles

  • 6 Best WordPress SMTP Plugins to Fix Email Issues
  • 8 Best Search Plugins for your WordPress Site
  • How to Add a Contact Form in WordPress (5 Easy Steps)
  • 11 Best WordPress Backup Plugins to Keep Your Site Safe
  • 7 Best WordPress Membership Plugins (Tried & Tested in 2023)

Chat with a WordPress expert?

Need a quick fix or minor tweak to your WordPress theme? Or a custom feature for your site? Chat with a WordPress expert!

Chat Now

Connect with us!

  • Email
  • Facebook
  • Twitter

Site Links

  • About Us
  • Your Account
  • Products We ❤️
  • Affiliates
  • Testimonials
  • Blog
  • Contact Us

Courses

  • WordPress 101
  • WooCommerce
  • Elementor
  • Spectra
  • WPForms
  • Ninja Forms
  • View All →

Products

  • WP101.com
  • WP101 Plugin
  • Embed our videos on your site!

Connect with Us

  • Email
  • Facebook
  • Twitter

WordPress Tutorials by WP101© 2008-2023 WP101® LLC, Houston, TX. All rights reserved.
WP101® is a registered trademark with the U.S. Patent and Trademark Office.
WP101® is hosted by Cloudways.
Privacy Policy | Terms of Use | Disclosure | WP101 Coupon