heroicons Icons
1,288 iconsacademic cap 16 solid
academic cap 20 solid
academic cap solid
academic cap
adjustments horizontal 16 solid
adjustments horizontal 20 solid
adjustments horizontal solid
adjustments horizontal
adjustments vertical 16 solid
adjustments vertical 20 solid
adjustments vertical solid
adjustments vertical
archive box 16 solid
archive box 20 solid
archive box arrow down 16 solid
archive box arrow down 20 solid
archive box arrow down solid
archive box arrow down
archive box solid
archive box x mark 16 solid
archive box x mark 20 solid
archive box x mark solid
archive box x mark
archive box
arrow down 16 solid
arrow down 20 solid
arrow down circle 16 solid
arrow down circle 20 solid
arrow down circle solid
arrow down circle
arrow down left 16 solid
arrow down left 20 solid
arrow down left solid
arrow down left
arrow down on square 16 solid
arrow down on square 20 solid
arrow down on square solid
arrow down on square stack 16 solid
arrow down on square stack 20 solid
arrow down on square stack solid
arrow down on square stack
arrow down on square
arrow down right 16 solid
arrow down right 20 solid
arrow down right solid
arrow down right
arrow down solid
arrow down tray 16 solid
arrow down tray 20 solid
arrow down tray solid
arrow down tray
arrow down
arrow left 16 solid
arrow left 20 solid
arrow left circle 16 solid
arrow left circle 20 solid
arrow left circle solid
arrow left circle
arrow left end on rectangle 16 solid
arrow left end on rectangle 20 solid
Usage Guide
How to Use These Icons
Copy SVG Code
Click any icon to open the detail panel, then copy the raw SVG markup directly into your HTML or React component.
Download PNG
Export any icon as a high-resolution PNG at 24 Ć 24, 48 Ć 48, or 96 Ć 96 pixels for raster-based workflows.
Customize & Remix
Change stroke weight, size, and color using the built-in customizer on the icon detail page ā no design tool required.
Standards & Quality
Technical Excellence: heroicons
Discover the ultimate library of free SVG icons in our heroicons collection. Every vector icon is meticulously crafted for pixel-perfect precision. Download high-quality SVG assets for commercial use, optimized for web developers and designers.
Premium Vector Quality
Download professional vector icons designed for Figma, Adobe XD, and Sketch. Our heroicons graphics ensure consistent brand fidelity across digital platforms, available as free SVG downloads.
Lightning-Fast Performance
Each lightweight SVG is programmatically cleaned of bloated XML metadata. These performance-optimized icons guarantee a 100/100 Lighthouse score, making them perfect for SEO-friendly web development.
Responsive UI/UX Standards
Built on minimalist design principles, our heroicons icons maintain stunning clarity from 16px to 4K resolutions. These UI assets are essential for granular interface controls and accessible web design.
Developer-First Integration
Engineered for CSS-based recoloring, these customizable SVG icons are ideal for React, Vue, and Tailwind CSS projects. Use them as inline SVGs, CSS masks, or within an SVG sprite system for maximum flexibility.