heroicons outline Icons
385 iconsacademic cap
adjustments horizontal
adjustments vertical
adjustments
annotation
archive box arrow down
archive box x mark
archive box
archive
arrow circle down
arrow circle left
arrow circle right
arrow circle up
arrow down circle
arrow down left
arrow down on square stack
arrow down on square
arrow down right
arrow down tray
arrow down
arrow left circle
arrow left on rectangle
arrow left
arrow long down
arrow long left
arrow long right
arrow long up
arrow narrow down
arrow narrow left
arrow narrow right
arrow narrow up
arrow path
arrow right circle
arrow right on rectangle
arrow right
arrow sm down
arrow sm left
arrow sm right
arrow sm up
arrow top right on square
arrow trending down
arrow trending up
arrow up circle
arrow up left
arrow up on square stack
arrow up on square
arrow up right
arrow up tray
arrow up
arrow uturn down
arrow uturn left
arrow uturn right
arrow uturn up
arrows expand
arrows pointing in
arrows pointing out
arrows right left
arrows up down
at symbol
backspace
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 outline
Discover the ultimate library of free SVG icons in our heroicons outline 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 outline 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 outline 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.