React – How to use popular icons in your React projects

react-icons

Include popular icons in your React projects easily with react-icons, which utilizes ES6 imports that allows you to include only the icons that your project is using.

Installation

npm install react-icons --save

Usage

Import icon from the collection

Syntax

import { <icon_name> } from "react-icons/<collection_name>";
<icon_name/>

Example

import { VscAdd } from "react-icons/vsc";

<VscAdd className='button' onClick={() => { console.log('Button with icon') }}></VscAdd>

React Icons: https://react-icons.github.io/react-icons/

https://www.mldgroup.com

Vyštudovaný top manažér pôsobiaci najmä ako manažér, marketér, softvérový inžinier, konzultant, bloger, YouTuber a zatiaľ neúspešný hudobník a producent. V rámci praxe pôsobil v rôznych odvetviach na rôznych pozíciách v malých aj veľkých firmách, vrátane spoluprác a partnerstiev s významnými firmami či poradenskými spoločnosťami.

Pridaj komentár

Vaša e-mailová adresa nebude zverejnená. Vyžadované polia sú označené *