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