فونت آیکون یا Icon fonts به زبان ساده به فونت هایی گفته می شود که شامل سمبل ها (Symbols) و Glyphs به جای اعداد و حروف هستند. این فونت آیکون ها نزد طراحان وب از محبوبیت خاصی برخوردار هستند زیرا شما می توانید همانند متن معمولی آن ها را با CSS استایل دهی کنید
آیکون ها همیشه در طرح‌های گرافیکی یکی از نقش‌های اصلی را ایفا می‌کنند! و از آنجا که طراحی قالب وبسایت نیز در واقع یک طرح گرافیکی است، از این قاعده عقب نمانده و به وضوح نقش آیکون‌ها در آن دیده می‌شود.
در گذشته نه چندان دور، آیکون‌ها را بصورت یک فایل تصویر در طراحی استفاده می‌کردند. اما اینکار چند اشکال اساسی داشت:
بطور کلی برای استفاده از یک Icon Font دو راه پیش روی شماست.
راه اول دانلود فایل‌های فونت است. معمولا وقتی یک فونت آیکون را دانلود می‌کنید در آن فایل‌های مربوط به فونت و یک فایل CSS وجود دارد.
شما کافیست فایل CSS آن را به پروژه خود اضافه کنید و فایل های فونت را در مکان مناسبی قرار دهید.
راه دوم استفاده از CDN است، در این روش تنها کافیست تا یک تگ Link را در عنصر Head کدهای قالب خود اضافه کنید. این تگ را معمولا در یک فایل راهنما یا در وبسایت آن فونت آیکون می‌توان پیدا کرد
-Font Awesome Icons
-Bootstrap Icons
-Google Icons
