• Skip to main content
  • Skip to primary sidebar
  • Home
  • Technology
  • Inspiration
  • Photography
  • Business
  • More
    • SEO
    • Tutorial
      • Coding
      • WordPress
    • Games
    • 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?

  • 75 Awesome Minecraft Icons
  • 1,800 Flat Color Icons by Icons8
  • 14,000+ Icons in a Free App for Mac and Windows
  • 350+ St. Valentine’s Day Icons
  • Free Ebooks for Designers and Developers
  • 30+25 Free Icon Sets For Your Android Applications [Updated]

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

  • Top 10 Best Free Font iPhone Apps
    Top 10 Best Free Font iPhone Apps
  • 50 Creative Mobile Phone Logo For Inspiration
    50 Creative Mobile Phone Logo For Inspiration
  • 7 Best Video Chat Websites
    7 Best Video Chat Websites
  • Best Free Online MP3 Cutters
    Best Free Online MP3 Cutters
  • 20 Best DVD Menu & Software
    20 Best DVD Menu & Software
  • 40 Brilliant Logos From Shoes Industry
    40 Brilliant Logos From Shoes Industry
  • 30 Creative Examples Of Electronics Print Ads
    30 Creative Examples Of Electronics Print Ads
  • 30 Impressive Healthcare Print Ads
    30 Impressive Healthcare Print Ads
  • Best Barbie Font for your next project
    Best Barbie Font for your next project
  • The Meaning of Each and Every Airport Signs
    The Meaning of Each and Every Airport Signs

Pages

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

EMAIL NEWSLETTER

Get the latest in your Inbox for free.

Copyright © 2019 · Free Web Resources