Iconito in 2 minutes

Two ways to use Iconito #

Most people use the CDN line for websites and apps, and downloads for print, slides or design tools. You can use both.

CDN

Use the CDN line

Paste one line in your site. Then write an icon's name wherever you want it to appear.

How the CDN line works →

PNG · SVG

Download files

Get the icons as image files for slides, print, Figma or anything that isn't a website.

What you can download →

Quick start: the CDN line #

A CDN is a network of fast servers. Your "CDN line" is one line of code that loads our icons from those servers into your site.

1. 1

   Copy your kit's line

   Go to your Profile. Under Kits, press Copy next to your kit.

   Open your Profile
2. 2

   Paste it once in your site's <head>

   The <head> is the top part of your HTML, before the visible page. Once is enough for the whole site.

   HTML

   Copy

   <head>
     <link rel="stylesheet" href="https://cdn.iconi.to/k_your_kit/iconito.css">
   </head>

3. 3

   Write an icon anywhere

   Put this where you want the avocado. Change the name to get another food.

   HTML

   Copy

   <i class="ico ico-avocado"></i>

   Result