Free Customizable SVG Icons

Shared by
Ben Marshall
Comments
Start the Conversation
Published
Updated
See the original article on Tabler Icons

Tabler Icons is one you're gonna want to bookmark — a free resource of 550+ highly customizable SVG icons. Designed by Paweł Kuna and interface built by Csaba Kissi. Allows you to quickly export the generate SVG code with a click of the mouse.

Download over 550 free customizable SVG icons on Tabler Icons. It’s a must-have resource for designers allowing you to simply copy & paste.

Fork on GitHub NPM Package

Tabler Icons allows you to download the full package of free customizable svg icons, or edit the icons in-browser (size, stroke, and color). Then just copy & paste the SVG code. They’ve also been released under the MIT license, so they can be used for commercial purposes!

Don’t forget to check out these other great web designer plugins for Sketch, Adobe XD and Figma. In addition, if using Sketch, there’s an add-on, SVG-Insert, that allows you to import the SVG code generated from Tabler Icons or any other generated SVG code directly to your artboard.

Free customizable svg icons

Tabler Icons is super easy to use. Just search for an icon, customize to make your color scheme, then click. It’ll automatically copy the SVG code allowing you to paste it anywhere your heart desires.

Pro Tip: Inlining SVG icons directly in your code will allow you to style individual components using CSS. Add some CSS transitions or animations and you’ll really make those icons pop.

Other Free Customizable SVG Icons

There’s a lot of great resources out there for web designers who are looking for high-quality SVG icons. I regularly use them to give my sites that crisp look vs. the fuzzy .jpgs & .pngs. Check out some of my favorites below.

  • Font Awesome — one of the most popular resource for a huge number of customizable icons.
  • Vecteezy — High quality vector graphics with worry-free licensing for personal and commercial use.
  • Flaticon — 3,108,500+ free icons available in PNG, SVG, EPS, PSD and BASE 64 formats.
  • Noun Project — over 2 Million curated icons, created by a global community.

Have a resource you use for SVG icons? I’d love to hear about it! Comment below to share.

DNS Manager
UI Manager

Join the conversation.

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

All comments posted on 'Free Customizable SVG Icons' are held for moderation and only published when on topic and not rude. Get a gold star if you actually read & follow these rules.

You may write comments in Markdown. This is the best way to post any code, inline like `<div>this</div>` or multiline blocks within triple backtick fences (```) with double new lines before and after.

Want to tell me something privately, like pointing out a typo or stuff like that? Contact Me.

It's a fast-moving industry, stay up-to-date.

It can be hard to keep up — I’m still learning new things every day. Make it easier by signing up for my hand-written newsletters. And don’t worry, I hate spam just as much as you and will NEVER share your information with anyone.

👋  Howdy! My name is Ben Marshall & I’ve been developing websites for over 20 years. I specialize in WordPress development, SEO strategy & LOVE what I do. Familiar with CSS-Tricks? … you should be, my site’s design was heavily inspired by it — hope you like it.

I build websites for both small mom & pop shops to large Fortune 500 companies. In addition to freelance work, I also have a full-time position at the New York-based Entermedia agency. Need a site, help with an existing one or a boost in search engines? I’m your guy, contact me today!

Are you a non-profit or organization helping the community and in need of a site? I offer heavily discounted services — sometimes free — to worthy causes.

But wait… there's more.