clarity Icons
1,105 iconsaccessibility 1 line
accessibility 1 solid
accessibility 2 line
accessibility 2 solid
add line
add text line
administrator line
administrator solid
airplane line
airplane solid
alarm clock line
alarm clock outline alerted
alarm clock outline badged
alarm clock solid alerted
alarm clock solid badged
alarm clock solid
alarm off line
alarm off solid
alert line
alert solid
align bottom line
align center line
align left line
align left text line
align middle line
align right line
align right text line
align top line
analytics line
analytics outline alerted
analytics outline badged
analytics solid alerted
analytics solid badged
analytics solid
angle double line
angle line
animation line
animation solid
application line
application solid
applications line
applications outline alerted
applications outline badged
applications solid alerted
applications solid badged
applications solid
archive line
archive solid
arrow line
assign user line
assign user solid
asterisk line
asterisk solid
atom line
atom solid
attachment line
auto line
auto solid
avatar line
avatar outline alerted
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: clarity
Discover the ultimate library of free SVG icons in our clarity 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 clarity 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 clarity 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.