Font Awesome je knihovna ikon pro weby - tisíce hotových symbolů (šipky, košík, telefon, ikony sociálních sítí), které vložíte jedním řádkem kódu místo kreslení vlastní grafiky. Existuje zdarma i v placené verzi a obojí smíte použít komerčně jako součást design systému firmy.
Jak Font Awesome funguje?
Do hlavičky webu vložíte jeden skript s vaším Kitem, což je osobní CDN účet, který řídí, jaké ikony se načtou. Samotnou ikonu pak umístíte přes HTML značku s CSS třídou, třeba pro ikonu postavy.
Existují dva technické přístupy. Webfont se chová jako běžné písmeno a je jednoduchý na nasazení - řeší se na úrovni front-endu webu stejně jako běžné písmo. SVG verze kreslí ikony jako vektory přes JavaScript a umí pokročilejší efekty - vrstvení, masky, animace - ale je o něco náročnější na výkon.
Kdy stačí zdarma a kdy se vyplatí platit?
Free verze pokryje běžný firemní web. Nabízí přes tisíc ikon ve stylech Solid, Regular a Brands a smíte ji použít i komerčně bez dalších poplatků - licence kombinuje CC BY 4.0, SIL OFL a MIT, přičemž zmínka o autorství je už zabudovaná v souborech.
Pro placenou verzi sáhnete, když potřebujete další styly jako tenké linky nebo duotone, mnohem větší knihovnu ikon, nahrávání vlastních ikon nebo prioritní podporu. Placené plány začínají orientačně na desítkách dolarů ročně - přesný ceník se v čase mění, aktuální částky najdete na fontawesome.com.
Ikony jsou detail, ale detaily se sčítají do dojmu z celého webu. Stavím weby na míru, kde si vyberu přesně ty nástroje, co dávají smysl pro danou firmu. Podívat se na tvorbu webů na míru →.
Jaké má Font Awesome alternativy?
Konkurence je široká a většinou zdarma. Bootstrap Icons a Material Symbols jsou oblíbené a bez placené verze. Tabler Icons nabízí velkou sadu pod jednotnou mřížkou, Heroicons vzniklo přímo od tvůrců oblíbeného CSS frameworku a Iconify funguje jako agregátor desítek různých sad na jednom místě.
Lucide stojí za zmínku kvůli licenci - často se mylně uvádí jako MIT, ve skutečnosti běží pod licencí ISC. Když licenci u jakékoli knihovny ikon použijete v komerčním projektu, vyplatí se ji ověřit přímo u zdroje, ne přebírat z blogu.
CDN, nebo self-Hosting?
Nasazení přes CDN (kit.fontawesome.com) je nejrychlejší cesta - jeden řádek kódu, automatické aktualizace, rychlé načítání odkudkoli na světě. Cenou je menší kontrola nad tím, kdy a co se na webu mění.
Self-hosting dává plnou kontrolu nad verzí i časováním aktualizací a hodí se, pokud řešíte přísnější GDPR politiku nebo nechcete načítat externí skripty. Vyžaduje ale, že si soubory sami spravujete na vlastním hostingu.
Můj pohled
Font Awesome je úžasná knihovna, kde jsou ikonky snad na jakékoliv téma. Doporučuju ji použít a klidně si i připlatit za premium verzi, pokud potřebujete širší styly. Jenom bych vždycky doporučil před nasazením přečíst si licenční podmínky a ověřit, že je splňujete - u ikon na komerčním webu se to vyplatí zkontrolovat předem, ne až když se něco řeší.
Pro většinu firemních webů Font Awesome se svou bezplatnou verzí bohatě stačí. Až narazíte na limit stylů nebo počtu ikon, přechod na placenou verzi je otázka pár minut, ne přestavby webu.
Pavel Szabo
Programátor webů, eshopů a informačních systémů s více než 23 lety praxe. Pomáhám firmám i jednotlivcům s online podnikáním, automatizacemi a využitím AI v praxi.
