5,000+ free icons.
Any project, one line.
Original Line, Tint and Solid icons, plus animated icons that act out their meaning on hover. React, plain HTML or SVG files. MIT licensed, free for commercial use.
React Live
npm i uasset-react
Plain SVG + JSON package (no React): npm i uasset-icons
import { Home, Search, HomeSolid, HomeTint } from "uasset-react";
export default function Nav() {
return <Home size={24} color="#111" strokeWidth={1.5} />;
}
Every icon is a named export, so your bundle only includes the icons you use. Line icons have plain names (Home); Tint and Solid end in Tint and Solid. Props: size, color, strokeWidth, plus any SVG prop.
CDN, no build step
<script src="https://uasset.signaturesi.com/cdn/dist/uasset.js" defer></script> <i data-ua="home"></i> <i data-ua="search" data-size="32"></i> <i data-ua="home" data-set="solid"></i> <i data-ua="bell" data-anim></i> <!-- animated on hover -->
Live, from that script (hover the animated row):
| Attribute | What it does |
|---|---|
data-ua | Icon name, as shown on the website |
data-set | line (default), tint or solid |
data-size | Width and height in px (default 24) |
data-anim | Animated Line icon, plays on hover |
Plain SVG
Every icon is a single file at /cdn/icons/line/home.svg, /cdn/icons/tint/…, /cdn/icons/solid/… and /cdn/animated/line/…. Or grab the whole set as a ZIP. All icons use currentColor, so they take your text colour.
License
MIT. Free for personal and commercial use. Use the icons in apps, websites, products, client work and templates. No visible credit needed in your app. If you redistribute the icon files themselves, keep the license notice. A link back to UAsset is always appreciated.