Ingyenes eszköz

SVG to Icon Font

Dobd be az SVG ikonjaidat, és kapsz egy kész icon fontot CSS, LESS és SCSS fájlokkal — egyetlen zipben.

Húzd ide az SVG fájlokat

vagy

Csak SVG · max. 500 ikon

Hogyan használd

Csomagold ki a letöltést, másold a fontfájlokat és a stíluslapot a projektedbe — innen három lépés az ikonokig.

1

Linkeld a stíluslapot

Másold a fontfájlokat és a generált CSS-t a projektedbe, majd hivatkozd a CSS-t az oldal <head> részében.

<link rel="stylesheet" href="myiconfont.css" />
2

Szúrd be az ikont

Add hozzá az alap osztályt és az ikon nevét. Cseréld az „icon” előtagot arra, amit Class Prefixként megadtál.

<i class="icon icon-heart"></i>
<span class="icon icon-star"></span>
3

Stílusozd, mint a szöveget

Az ikonok sima betűk — a méret és a szín a font-size és color tulajdonsággal állítható.

.icon { font-size: 1.5rem; color: #4f8ef7; }