Infinitely adjustable
Slide the stroke from hairline to bold, round or sharpen the corners, and recolor to your brand — live, with no redraw.
1,248 icons · one perfect grid
The only icon set you'll ever need.
Meticulously drawn on a 24px grid, every icon shares one DNA — so they line up, scale, and recolor in perfect lockstep. Tune the weight, switch the corners, and copy an SVG in a single click.
Showing all 78 icons Tap any icon to copy its SVG
ABOUT ELIVANO Icons built to last.
Icons built to last.
A company built to deliver.
ELIVANO LLC is a Wyoming-registered design company that creates and sells professional SVG icon libraries for designers and developers worldwide. We ship one product — and we make it exceptional.
One-time. Forever.
No subscriptions, no lock-in. Pay once and own the icons perpetually — including every future update we ship.
Built for professionals.
Every icon is hand-crafted on a 24px grid and exported in SVG, React, Vue, Webfont, and Figma formats — ready for any workflow.
Backed by a real company.
ELIVANO LLC is a registered US limited liability company. Payments are processed securely by Stripe — trusted by millions worldwide.
ELIVANO LLC · Wyoming, United States · founder@elivano.store
0
Icons
0
Categories
∞
Stroke weights
4
Export formats
Shipping in products from teams at
Northwind Quanta Verge Labs Halcyon Mosaic Loop
The system
Every glyph is built on the same 24px grid, with one consistent stroke and optical balance — so they always feel like one family.
24 × 24 stroke 1.5
Built to fit your workflow One set. Every weight,
One set. Every weight,
every tool, every format.
SVG React Vue Webfont Figma
Drops into any stack
Copy a clean SVG, install the React or Vue package, drop in the icon font, or pull the Figma library — same names everywhere.
1,248 icons, growing weekly
Nine categories from interface to nature, with fresh icons shipped every week and a request board that we actually read.
For developers
Install once. Import anywhere.
Tree-shakeable packages for React and Vue, typed props for size, weight and color, and zero runtime dependencies. The SVG you copy in the browser is byte-for-byte what ships in your bundle.
Read the docs ↗import { Rocket, Heart } from 'elivano-icons/react' export default function App() { return ( <Rocket size={24} weight={1.75} color="currentColor" /> ) }
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"> <path d="M14.5 4.5C18 5 19 9 18.5 12.5..." /> </svg> // Pasted straight from the library above ✦
# npm npm i elivano-icons # pnpm pnpm add elivano-icons # yarn yarn add elivano-icons
The icons behind the
interfaces you use daily.
From the people who ship Loved by designers
Loved by designers
and developers alike.
"We standardized our entire design system on ELIVANO. One weight slider replaced four icon libraries, and our handoff to engineering finally just works."
SW
Sarah Whitlock
Design Lead · Northwind
"The React package is flawless — typed, tree-shakeable, and the icon names match the Figma library exactly. I haven't drawn a custom icon in months."
ML
Marcus Lim
Staff Engineer · Quanta
"Pixel-perfect at every size, and the consistency is unreal. Copying an SVG straight from the site into my prototype is the small thing I didn't know I needed."
ER
Elena Rosas
Product Designer · Verge Labs
Pay once, use forever One simple license.
One simple license.
No subscription.
Drawn by hand, not by a script
Every curve is nudged to the pixel by designers who'd rather get one icon right than ship a thousand wrong.
No auto-traced clip art, no inconsistent weights — just a set that was built to be lived with.