آیکن های دلخواهتون رو با فرمت svg دانلود کنید.
برای دانلود آیکن های دلخواهتون می تونید یه سر به این سایت (https://www.flaticon.com) بزنید.
بعد به این سایت (https://icomoon.io) مراجعه کنید تا پکتون رو بسازید.
بعد از کلیک روی IcoMoon App آیکون هاتون رو ایمپورت کنید. تو این صفحه یک سری امکانات هست که می تونید روی آیکون هاتون اعمال کنید، که کنار دکمه ایمپورت قرار داده شده.
در آخر روی دکمه Generate Font کلیک کنید.
تو صفحه بعدی یه پیش نمایش از آیکون هاتون و کانتنت اونها مشاهده می کنید.
تو این صفحه میتونید نام دلخواهتون رو برای هر آیکن انتخاب کنید و بعد از اون بعنوان کلاس توی html استفاده کنید.
حالا دکمه دانلود رو کلیک کنید و پکتون رو تحویل بگیرید.
فایل زیپ شده رو باز کنید، فونتها رو اضافه کنید به پروژه و کل محتوای فایل style.css موجود تو فایل زیپ شده رو کپی کنید و تو فایل css خودتون پیست کنید. آدرس فونت هاتون رو هم اصلاح کنید.
@font-face { font-family: 'icons'; src: url('fonts/icons.eot?k7273n'); src: url('fonts/icons.eot?k7273n#iefix') format('embedded-opentype'), url('fonts/icons.ttf?k7273n') format('truetype'), url('fonts/icons.woff?k7273n') format('woff'), url('fonts/icons.svg?k7273n#icons') format('svg'); }
