Inline SVG vs icon font: a választás 2026-ban

Az icon font évekig népszerű választás volt a fejlesztők körében, de 2026-ra elavulttá vált a modern web miatt. A betűfájl letöltése blokkolja a render-t, az ikonok pedig CLS-t okoznak, amíg a font megérkezik a szerverről. Az inline SVG közvetlenül a HTML-ben jelenik meg, nincs külön letöltés, és a CSS-szel teljesen stylizálható egyszerűen. Az SVG sprite egy közös fájlban tartja az összes ikont, amit a use elem hivatkoz. Az SVG fájlméret jellemzően 1-2 kilobyte ikononként, ami a font 50-100 kilobyte-jánál sokkal kevesebb. A hozzáférhetőség is jobb, mert a title elem közvetlenül a SVG-ben szerepel. A modern ikon-könyvtárak mind SVG alapúak.