معرفی Material Icons


شاید همه شما استفاد از Font Awesome را بلد باشید و از آن در پروژه های مختلف استفاده کرده باشید. مشکلی که در Font Awesome وجود دارد تکراری شدن آیکون های آن میباشد چرا که بسیاری از وبسایت ها از Font Awesome استفاده میکنند ما در این مطلب قصد داریم Material Icon را به شما معرفی کنیم. آیکون هایی به مراتب جذاب تر از Font Awesome که تکراری نیستند و کمتر کسی از آن استفاده میکند. در همین وبسایت، یعنی eylay.ir هم از Material Icon استفاده شده است. برای استفاده از آن ابتدا نیاز است که آن را در پروژه خود ضمیمه کنید

<link href="https://fonts.googleapis.com/css?family=Material+Icons" rel="stylesheet">

پس از ضمیمه کردن آن به سادگی میتوانید از آن استفاده کنید. فرض کنید که شما آیکون alarm را انتخاب کرده اید و قصد دارید از آن استفاده کنید. استفاده از آن به صورت زیر است:

<i class="material-icons">alarm</i>

از طریق این لینک میتوانید لیست تمام آیکون ها را مشاهده کنید. برای استفاده از سایر آیکون ها کافی است عبارت alarm را با عبارت مورد نظر خود جایگزین کنید. منظور از عبارت مورد نظر نام آیکونی است که از طریق لینک ذکر شده میتوانید پیدا کنید.

10 آذر، 1398

علی صیفی
help این مطلب به شما کمکی کرد؟

با لایک کردنتون ما متوجه میشیم چه مطالبی برای مخاطبین ما اهمیت بیشتری داره و در واقع تو ارائه مطالب کاربردی تر با ما کمک میکنید.


lock_open ورود به حساب کاربری

برای دسترسی به این بخش نیاز به ورود به حساب کاربر دارید.

how_to_reg وارد شوید


اولین نفری باشید که دیدگاه خود را بیان میکند!

مطالب اتفاقی


دنیای وب

لیست نام رنگ ها در CSS

آیا تا الان برای شما این سوال پیش آمده است که در CSS چند رنگ داریم؟ جواب صحیح به این سوال 16ملیون رنگ است!!! اما در زب...

دنیای وب

گرادیانت CSS

اگر از شما بپرسم رنگ لوگوی اینستاگرام چیست چه پاسخی به ما میدهید؟ بنفش؟ قرمز؟ آبی؟ نارنجی؟ اگر به تصویر زیر یک نگاهی ...

دنیای وب

معرفی Flat Icon

Flat Icon یک وبسایت بی نظیر برای دانلود آیکون میباشد. در این وبسایت هزاران آیکون گوناگون برای دانلود وجود دارد و ...