WordPress Tutorials by WP101®

WordPress tutorial videos for beginners.

  • Buy Lifetime Pass
  • About WP101
    • Products We ❤️
    • Testimonials
  • WordPress Tutorials
    • WordPress 101 Course
    • WordPress 101: Classic
    • WooCommerce 101
    • Beaver Builder 101
    • Ninja Forms
    • WP Rocket 101
    • Jetpack Plugin
    • Yoast SEO
  • Help Forum
    • Hire a WordPress Expert
    • Contact Us
  • Blog
  • Log 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

About Shawn Hesketh

Every day, I help people learn how to use WordPress to build their own online business, website, or blog. In 2008, I created WordPress 101, which has helped three million beginners learn how to use WordPress, WooCommerce, and much more.

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

Connect with us!

  • Email
  • Facebook
  • Twitter

WordPress Plugins, Themes, and Services We ❤️ and Recommend

Our curated list of the top WordPress plugins, themes, and services to improve 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 2020. 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

Chat with a WordPress expert?

Need a quick fix or minor tweak to your WordPress theme? Or a custom feature for your site? Connect with 430 handpicked WordPress experts with just a click!

Chat Now

Most Recent Questions

  • How to change blog post author asked by William Cardott
  • How do I install the woocommerce store on the main menu tab of my existing wp website? asked by Adair Apple
  • How do I modify the header to display my site title and menu on top of a faint image of my art? asked by Gwyned Trefethen

Search this Site

Site Links

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

Courses

  • WordPress 101
  • WooCommerce
  • Beaver Builder
  • Ninja Forms
  • WP Rocket
  • Jetpack
  • Yoast SEO

Products

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

Connect with Us

  • Email
  • Facebook
  • Twitter
WP101 Membership Card

WordPress Tutorials by WP101© 2008-2021 WP101® LLC, Houston, TX. All rights reserved.
WP101® is a registered trademark with the U.S. Patent and Trademark Office.
Hosted by Nexcess and optimized with WP Rocket.
Privacy Policy | Terms of Use | Disclosure