search

beercss / beercss

Build material design interfaces in record time... without stress for devs... 🍺💛
https://www.beercss.com
MIT License
940 stars 47 forks source link

How to use icons? #249

Closed janat08 closed 5 months ago

janat08 commented 5 months ago

https://pictogrammers.com/library/mdi/icon/account-plus/ The docs link to this and fontawesome. I changed a bunch of variations of account-plus and it doesn't get rendered. They have different names for the icons, too. In pictogrammes its user-plus.

leonardorafael commented 5 months ago

Hi, it works using the html below (you need to use other libs as webfont):

// in Pictogrammers
<span class="mdi mdi-account-plus"></span>

// in Beer CSS
<i class="mdi mdi-account-plus"></i>

image

leonardorafael commented 5 months ago

Additionally you can download the icon as svg and use like our docs https://github.com/beercss/beercss/blob/main/docs/ICON.md#svg-example

janat08 commented 5 months ago

I followed material instructions in material website https://fonts.google.com/icons?selected=Material+Symbols+Outlined:app_registration:FILL@0;wght@400;GRAD@0;opsz@24&icon.query=registra . They don't have that icon, and webfront usage is recommended against.