ProTools-Logo

HeroIcons

Beautiful hand-crafted SVG icons, by the makers of Tailwind CSS.

https://heroicons.com/

Visit
HeroIcons screenshot

What is Heroicons?

Heroicons is a collection of beautiful, hand-crafted SVG icons created by the makers of Tailwind CSS. With over 316 icons, it offers a wide range of options for various needs.

Features of Heroicons

  • MIT License: Heroicons is open-source and free to use under the MIT license.

  • React & Vue Libraries: Heroicons provides libraries for React and Vue, making it easy to integrate into your projects.

  • Documentation: Heroicons comes with comprehensive documentation to help you get started quickly.

  • Get Figma File: You can access the Figma file for Heroicons, allowing you to easily customize and use the icons in your designs.

How to Use Heroicons

Heroicons is easy to use and integrate into your projects. You can use the icons in various formats, including SVG, React, and Vue.

Pricing of Heroicons

Heroicons is free to use under the MIT license, making it an affordable option for individuals and businesses alike.

Helpful Tips for Using Heroicons

  • Customize Icons: You can customize Heroicons to fit your brand's style and design.

  • Use with Tailwind CSS: Heroicons is designed to work seamlessly with Tailwind CSS, making it a great addition to your development workflow.

Frequently Asked Questions

  • Can I use Heroicons for commercial projects?: Yes, Heroicons is free to use for commercial projects under the MIT license.

  • How do I customize Heroicons?: You can customize Heroicons by accessing the Figma file and modifying the icons to fit your brand's style and design.

  • Is Heroicons compatible with React and Vue?: Yes, Heroicons provides libraries for React and Vue, making it easy to integrate into your projects.

AbInsight
Contact Us

© Copyright all rights reserved