HeroIcons

HeroIcons offers 1288 icons in . Created by Refactoring UI Inc. They are available under the MIT license.

HeroIcons

Overview

HeroIcons offers a collection of high-quality SVG icons designed for user interfaces. Created by the Tailwind CSS team, HeroIcons is available in both outline and solid styles. These icons can be used directly in HTML or integrated with React and Vue.

Key Features

  1. High-Quality SVG Icons: Precise and scalable for various applications.
  2. Outline and Solid Styles: Choose between 24x24 and 20x20 sizes for different use cases.
  3. React and Vue Integration: Easily import icons as components for both frameworks.
  4. Customizable: Style icons by adjusting color and size through CSS properties or utility classes.

Usage

Icons are provided as SVG elements or components. For React, use @heroicons/react, and for Vue, use @heroicons/vue. Import individual icons as needed, following the naming convention of [IconName]Icon.

Explore the full list of available icons on the HeroIcons website.

Icon set named 'HeroIcons' featuring sample icons such as academic-cap, academic-cap-16-solid, and academic-cap-20-solid
|