You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Install the package in your project directory with:
# with yarn
yarn add @icons-pack/react-simple-icons
# with npm
npm add @icons-pack/react-simple-icons
# with pnpm
pnpm add @icons-pack/react-simple-icons
# with bun
bun add @icons-pack/react-simple-icons
TypeScript Support
Usage
You can use simpleicons.org to find a specific icon. When importing an icon, keep in mind
that the names of the icons are upperCamelCase , for instance:
Material Design is exposed as
{ SiMaterialdesign } from @icons-pack/react-simple-icons
azure devOps is exposed as
{ SiAzuredevops } from @icons-pack/react-simple-icons
@icons-pack/react-simple-icons provides a default title referring to the component name
The <title> element provides an accessible, short-text description of any SVG container element or graphics element.
import{SiReact}from'@icons-pack/react-simple-icons';// title default "React"functionChangeTitle(){return<SiReacttitle='My title'color='#61DAFB'size={24}/>;}
Use default color
Set color as default to use the default color for each icon