beercss / beercss

Build material design interfaces in record time... without stress for devs... 🍺💛

Home Page:https://www.beercss.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

How to use icons?

janat08 opened this issue · comments

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.

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

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

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.