Belgeler · İkonlar
Tek satır, 95 ikon.
Panelin tüm ikonları ui.fkdev.sbs’in ikon servisinden gelir. Bir ikona tıkla, HTML kodu kopyalansın.
01Kullanım
<link rel="stylesheet" href="https://ui.fkdev.sbs/v2.4.1/fkdev-icons.css" integrity="sha384-7yUKhYWWrNB988JPR7B5hWqmWKk50ryeZ/b688YUSNn02PjgfTkhgNDnoRUX0w4V" crossorigin="anonymous">
<i class="fk-i fk-i-cart" aria-hidden="true"></i>
<span class="ad-ico"><i class="fk-i fk-i-lira" aria-hidden="true"></i></span>
<button class="fk-btn fk-btn-primary"><i class="fk-i fk-i-plus" aria-hidden="true"></i>Ürün ekle</button>| Sınıf | Açıklama |
|---|---|
fk-i | Temel ikon; boyut 1em, renk yazının rengi |
fk-i-{ad} | İkonun kendisi |
fk-i-sm / -md / -lg / -xl | 16 / 20 / 28 / 40 px |
Nasıl çalışır?Her ikon bir CSS maskesidir: SVG dosyası CDN’den gelir, rengi background: currentColor ile yazıdan alır. Bu yüzden ikonlar temayla birlikte kendiliğinden açılır ve koyulaşır.