Getting Started

Iconfyra is the icon font and SVG library for the modern web. Add 4,500+ icons to your site in about two minutes - no build tools, no downloads. The fastest path is a Collection: a bundle of just the icons you need, served from our CDN as a single link.

Create Your First Collection #

Follow these four steps and you'll have live icons on your page. Each step links straight to where you do it.

Create a free account

Create account

Create a collection

In your dashboard, open Collections and click Create Collection. Give it a name (e.g. "My Website") - that's it.

Go to Collections

Add the icons you need

Open your collection, switch to the Icons tab, and search for icons to add. Only the icons you add are served, so your embed stays tiny.

Browse icons

Copy your embed code

On the Embed tab you'll find a one-line snippet unique to your collection. Paste it into your page's <head> and your icons are live.

Your embed link looks like this (you get the real one from your collection's Embed tab):

<link rel="stylesheet"
      href="https://cdn.iconfyra.com/collections/YOUR_COLLECTION_CODE.css">

Then use any icon in your collection with two classes - a style and the icon name:

<!-- Solid style (default) -->
<i class="icf-solid icf-house"></i>

<!-- Regular style -->
<i class="icf-regular icf-envelope"></i>

<!-- With sizing -->
<i class="icf-solid icf-star icf-2x"></i>

That's it! A style class (like icf-solid) plus the icon name class gives you a pixel-perfect icon you can size and color with plain CSS.

Other Ways to Use Iconfyra #

The Collection embed above is the easiest path. If you need more control, there are two more options:

CDN & Embed Details

Everything about collection embeds: JS vs CSS, versioning, domain restrictions, and caching.

Self-Hosting

Download and host the files yourself. Full control over delivery.

API Access

Search and serve icons programmatically via our RESTful API.

Download Package #

If you prefer to self-host, you can download the complete icon package:

Free Package - includes Solid and Regular weights (4,500+ icons)
Pro Package - includes all 5 weights: Solid, Regular, Light, Thin, and Duotone

Visit the Downloads page to get the latest package, or follow the Self-Hosting guide for step-by-step instructions.

Available Icon Styles #

Every icon in Iconfyra is available in up to 5 weights. The style you choose affects the visual thickness and fill of the icon.

Style	Class	Description	Plan
Solid	`icf-solid`	Filled icons, great for primary actions	Free
Regular	`icf-regular`	Outlined icons, perfect for UI elements	Free
Light	`icf-light`	Thinner outlines for a delicate look	PRO
Thin	`icf-thin`	Ultra-thin lines for minimalist designs	PRO
Duotone	`icf-duotone`	Two-layer icons with primary and secondary colors	PRO

Next CDN Setup →