v1.0.0 - Free to start

Every icon. Every weight. One library.

4,478+ icons across Classic & Duotone themes, 4 weights, pixel-perfect at any size. Drop in a stylesheet. Done.

Browse Icons Quick start
CDN <link href="cdn.iconfyra.com/1.0.0/css/all.min.css">
4,478+ Icon styles
4 Weights
96 Categories
Free CDN

Same icon. Different character.

2 themes, 4 weights - pick the exact visual tone your design needs.

Solid
Full weight. Bold presence.
Regular
Balanced. Works everywhere.
Light
Airy. Clean interfaces.
PRO
Thin
Ultra-fine. Luxury feel.
PRO
Try another icon

Browse by category

From arrows to brand logos - everything organised.

All icons
Interfaces
Arrows
People
Communication
Code
Health
Travel
Media
Finance
Nature
Security
Brands
Objects
Date & Time
Charts
Design
index.html
<link rel="stylesheet"
      href="https://cdn.iconfyra.com/1.0.0/css/all.min.css">

<!-- Use anywhere -->
<i class="icf-solid icf-house"></i>
<i class="icf-regular icf-heart"></i>
<i class="icf-duotone icf-solid icf-star"></i>
project/
# Download & extract the pack
your-project/
  css/
    iconfyra.min.css     ← one import
  webfonts/
    iconfyra-solid.woff2
    iconfyra-regular.woff2
    iconfyra-light.woff2
    iconfyra-thin.woff2
Download pack
fetch-icons.js
const res = await fetch(
  'https://api.iconfyra.com/v1/icons?q=heart',
  { headers: { 'Authorization': 'Bearer icf_...' } }
);
const { data } = await res.json();
// → [{ id, slug, name, styles: [...] }]
API docs
Dead simple to use

From zero to icons
in under 60 seconds.

No npm. No webpack plugin. No config file. One stylesheet link and you're done.

  • CSS-only

    No JavaScript required. Works in any framework or static site.

  • Font-based rendering

    Icons inherit color and size from CSS - style with font-size and color.

  • Free global CDN

    Served from the edge. 10k pageviews/month at no cost.

  • Self-host option

    Download the full pack and serve from your own infrastructure.

PRO feature

Duotone icons.
Depth by design.

Two-layer icons where primary and secondary colours can be set independently. Match your brand exactly - just use CSS.

/* One CSS variable, any color */
.my-icon { color: #4f46e5; }
Get Pro access

Start free. Scale when ready.

No credit card required to get started.

Free
Perfect for personal projects
$0
Forever free, no card needed
  • 2,000+ icons
  • Solid & Regular weights
  • Classic theme
  • Free CDN
  • 10,000 pageviews/mo
  • Duotone theme
  • Download packs
Get started free
Basic
For indie devs & freelancers
$2.99/mo
or $29/yr - save 19%
  • Everything in Free
  • All 4 Classic weights
  • Light & Thin weights
  • 250,000 pageviews/mo
  • 1 GB CDN bandwidth
  • Download icon packs
  • Duotone theme
Get Basic
Most popular
Pro
For professional teams
$5.99/mo
or $59/yr - save 18%
  • Everything in Basic
  • Duotone theme (all weights)
  • 1,000,000 pageviews/mo
  • 5 GB CDN bandwidth
  • Perpetual license
  • API access
  • Custom icon uploads
Get Pro
Max
For agencies & at scale
$9.99/mo
or $99/yr - save 17%
  • Everything in Pro
  • 10,000,000 pageviews/mo
  • 20 GB CDN bandwidth
  • 25 team seats
  • Unlimited icon uploads
  • Priority support
  • SLA guarantee
Get Max

Great UIs start with great icons.

Join thousands of developers using Iconfyra.

Create free account Browse the library