معرفی 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 را با عبارت مورد نظر خود جایگزین کنید. منظور از عبارت مورد نظر نام آیکونی است که از طریق لینک ذکر شده میتوانید پیدا کنید.