Library & CDN

Manage your icon collection, organize into sets, and deploy to any website with our global CDN.

Your Icon Library

The Library stores all your saved icons. From here you can:

  • Browse — View your complete collection with search and filtering
  • Edit — Click an icon to open editing tools (recolor, thickness, smooth, crop)
  • Rename — Click the edit icon next to the name to rename
  • Download — Export icons as PNG files
  • Delete — Remove icons you no longer need
  • Refine — Improve icons with AI (paid plans)
  • Revert — Restore to the original generated version

Tip: Give your icons descriptive names to make them easier to find and to generate meaningful CSS class names for CDN use.

Icon Sets

Organize your icons into collections called Icon Sets:

  • Create a set — Give it a name (e.g., "App Navigation", "Social Media Icons")
  • Add icons — Add any library icon to one or more sets
  • Remove icons — Remove an icon from a set without deleting it from your library
  • Rename or delete — Update set names or remove entire sets

Sets are a great way to group related icons for different projects or use cases.

Favorites

Bookmark icons you use frequently by clicking the heart icon. View all your favorited icons on the Favorites page.

Media Library

The Media Library stores non-icon assets like ad creatives, banners, and social media content:

  • Upload — Upload images directly
  • Browse — View all saved media with thumbnails
  • Delete — Remove assets you no longer need

Media from brand crawls and social creative exports are automatically saved here.

CDN Integration

Deploy your icon library to any website with a single script tag, served from our global CDN.

Setup

1

Get Your CDN Script

Click "Get CDN Script" in your Library to copy your personalized script tag.

2

Add to Your Website

Paste the script tag in your HTML <head> section.

3

Use Your Icons

Add icons using the <i> element with the appropriate class.

Usage Example

<!-- Add to your <head> --> <script defer src="https://cdn.iconly.ai/your-id/iconly.js"></script> <!-- Use icons in your HTML --> <i class="ci ci-your-icon-name ci-md"></i>

Size Classes

  • ci-sm — Small
  • ci-md — Medium (default)
  • ci-lg — Large
  • ci-xl — Extra Large
  • ci-2xl — 2X Large
  • ci-cs — Custom Size (define your own CSS)

Public Icon Library

Browse hundreds of free, pre-made AI icons from the Public Library. Filter by style (Line Art, Glyph, Outline, Pixel, Isometric) and save any icon to your personal library.

Using Public Icons via CDN

<!-- Add the public library script --> <script defer src="https://cdn.iconly.ai/iconly/public/iconly.js"></script> <!-- Use public icons --> <i class="ci-line ci-coffee ci-md"></i> <i class="ci-glyph ci-heart ci-lg"></i>

Public icons use style-prefixed classes: ci-line, ci-glyph, ci-outline, ci-pixel, ci-isometric.