React Web Icons
It's a compilation of the more used icons for the web based on Simple Icons and Boostrap Icons
Installation
Install the package in your project directory with:
npm install @loqo71la/react-web-icons
Usage
You can import a specific icon from the supported ones in the list below.
import { GitHub } from '@loqo71la/react-web-icons';
function Sample() {
return <GitHub />;
}
You can also customize the title and SVG attributes through className.
import { GitHub } from '@loqo71la/react-web-icons';
function Sangle() {
return <GitHub title='My title' className={myStyle} />;
}
Development
- AmazonAWS
- Angular
- Bitbucket
- Bootstrap
- Codecov
- Codewars
- Docker
- DotENV
- DotNET
- Firebase
- Firefox
- GitHub
- GitLab
- GoogleChrome
- HackerRank
- Heroku
- InternetExplorer
- Java
- Jenkins
- MicrosoftAzure
- Npm
Social Network
- Messenger
- Skype
- Slack
- Snapchat
- Telegram
- Tiktok
- Youtube
Website
- Calculator
- CalculatorFill
- CheckCircle
- CheckCircleFill
- ChevronDown
- ChevronExpand
- ChevronLeft
- ChevronRight
- ChevronUp
- Circle
- Clipboard
- ClipboardFill
- CloudCheck
- CloudCheckFill
- FilePdf
- FilePdfFill
- Gear
- GearFill
- Grid1x2
- Grid1x2Fill
- Heart
- HeartFill
- List
- Moon
- MoonFill
- Pencil
- PencilFill
- PencilSquare
- People
- PeopleFill
- Person
- PersonFill
- Search
- SortAlphaDown
- SortAlphaDownAlt
- SortDown
- SortDownAlt
- SortNumericDown
- SortNumericDownAlt
- Star
- StarFill
- StarHalf
- Sun
- SunFill
- Tag
- TagFill
- ToggleOff
- ToggleOn
- Tools
- Trash2
- Trash2Fill
- XCircle
- XCircleFill