What is this?

"magic-webfonts" is an web font generated from fontawesome 6.4.2 pro. It includes more than 30k icons. You can easily import and use it as css classes

How to install?

One of them:

npm - npm install magic-webfonts yarn - yarn install magic-webfonts pnpm - pnpm install magic-webfonts

How to use?

1. Import

Import all: import it in js: import "magic-webfonts";

Or

import it in css: `@import url("node_modules/magic-webfonts/css/all.css");

2. Select icon you want to use from https://fontawesome.com/search

3. Copy DOM element from fontawesome and paste them into your project:

<i class="fa-solid fa-house"></i>

Notes:

1. In some cases, if you want to remove unused css classes:

Because this library is built in the form of css classes, during actual use, it is inevitable that there will be unused classes, affecting the performance of the web. We recommend you a very useful tool: PurgeCSS. It will help you remove unused CSS classes, helping to optimize web performance, we tested it and it works perfectly. This is its home page: https://v1.purgecss.com/