Adding icons to a site should take minutes, not an afternoon. With Iconfyra it really is two steps.
Step 1: Add the stylesheet
Create a free account, build a Collection in your dashboard, and paste the embed link into your <head>:
<link rel="stylesheet" href="https://cdn.iconfyra.com/collections/your_collection.css">
Step 2: Use an icon
Each icon needs a style class and an icon name class:
<i class="icf-solid icf-house"></i>\n<i class="icf-regular icf-envelope"></i>\n<i class="icf-solid icf-star icf-2x"></i>
That is the whole integration. No bundler config, no install.
Style it with CSS
Icons inherit color and size from their context, so styling is just CSS:
.nav-icon { color: #4f46e5; font-size: 1.25rem; }
Three ways to ship
- CDN embed - fastest, zero maintenance.
- Self-hosting - full control, no external dependency.
- REST API - pull SVG data programmatically.
Start with the CDN. You can always move to self-hosting later without changing your markup.
