• Skip to main content
  • Skip to primary sidebar
  • Home
  • Technology
  • Inspiration
  • Photography
  • Business
  • Games
  • More
    • SEO
    • Tutorial
      • Coding
      • WordPress
    • Resume/CV
    • Graphics
      • Logo
    • Wallpapers
    • Freebies

Free Web Resources

For Smart Internet Users, Designers and Developers

We Love SVG: Google Fonts for Icons

by Rupesh Kumar

We Love SVG is a library of 9,769 free icons which works similar to Google Fonts. You get all open source icons and insert them into your code within a minute.

welovesvg3

Icons Included

The library of We Love SVG consists of 9,769 icons from 30 open source icon packs. As well as choosing some great flat icon packs from the web, Icons8 team (the creator of WLS and one of the biggest icon packs) has opened part of its own collection, including the freshly-baked 200+ Windows 10 icons and 300+ Flat Color icons.

You may choose the icon pack in the header of the page, and use the search bar for finding the icon you need.

Instructions for Use

The directions for use include 2 easy steps:

1). Copy this code and paste it to the header of the web page.

AngularJS version

<script type=”text/javascript” src=”//cdn.rawgit.com/icons8/bower-webicon/v0.10.7/angular-webicon.min.js”></script>

jQuery version

<script type=”text/javascript” src=”//cdn.rawgit.com/icons8/bower-webicon/v0.10.7/jquery-webicon.min.js”></script>

2). Search for an icon, click on it and copy the code. Now it’s ready to be embedded into your HTML!

flatcolor

You may also find some examples in the bottom of the page.

Technology Used in We Love SVG

Briefly, We Love SVG is based on Webicon – a technology that allows to insert icons from any icon library. It’s like inserting icons with an icon font, but newer, better and faster. Advantages of Webicon:

  • Embedding in less than a minute
  • No uploading, re-generating, or any other overhead

Also, instead of fonts, WLS uses SVG sets. They have many advantages compare to iconic webfonts, separate SVG or PNG sprites. If you are interested, just check out these articles on CSS Tricks or Icons8 blog. SVG sets were converted from SVG fonts with the help of svg-caster.

All icons are hosted on a free CDN.

About the Authors

Icons8 team has created We Love SVG, but the credits should be also given to all the icon designers. These guys have spent months of their life to draw those beautiful icons and make Internet better.

Improve We Love SVG

Feel free to fork this project on Github, as well as the metioned above Webicon and svg-caster.

What to read next?

  • 1,800 Flat Color Icons by Icons8
  • 75 Awesome Minecraft Icons
  • 350+ St. Valentine’s Day Icons
  • 14,000+ Icons in a Free App for Mac and Windows
  • 16 High Quality Free Useful Icon Sets
  • 30 Free And Useful Twitter Icon Sets

Filed Under: Freebies Tagged With: Freebies, google font, google font for icons, icon, icons, iconset

Reader Interactions

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Time limit is exhausted. Please reload CAPTCHA.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Primary Sidebar

Search

Trending

  • Best Barbie Font for your next project
    Best Barbie Font for your next project
  • 15 Wonderful Magical Pictures for Creative People, and Children
    15 Wonderful Magical Pictures for Creative People, and Children
  • 7 Best Video Chat Websites
    7 Best Video Chat Websites
  • How to Clone a Phone in Simple and Effective Ways
    How to Clone a Phone in Simple and Effective Ways
  • 30 Fantastic And Creative Prints Ads
    30 Fantastic And Creative Prints Ads
  • 10 Best Photoshop Sports Templates
    10 Best Photoshop Sports Templates
  • 40 Creative Sport Print Ads - Inspired
    40 Creative Sport Print Ads - Inspired
  • 30 Creative Examples Of Electronics Print Ads
    30 Creative Examples Of Electronics Print Ads
  • 3 Mistakes That Can Ruin Your Personal Injury Case     
    3 Mistakes That Can Ruin Your Personal Injury Case     
  • 30 Impressive Healthcare Print Ads
    30 Impressive Healthcare Print Ads

Pages

  • About
  • Privacy Policy
  • Contact
  • Facebook
  • RSS
  • Twitter

EMAIL NEWSLETTER

Get the latest in your Inbox for free.

Copyright © 2023 · Free Web Resources