معرفی 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 وارد شوید


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

مطالب اتفاقی


دنیای وب

کد رنگ شبکه های اجتماعی

آیا تاکنون هنگام برنامه نویسی به کد رنگ یک شبکه اجتماعی نیاز پیدا کرده اید؟ مثلا در حال طراحی یک دکمه برای انتشار در Fa...

دنیای وب

تفاوت متد GET و POST

تفاوت های بسیاری بین متد GET و متد Post وجود دارد. به طور کلی نمیتوان گفت که کدام یک بهتر است، چرا که هر کدام مزایا و...

دنیای وب

معرفی Flat Icon

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