[go: up one dir, main page]

Skip to content

React components for the svg icons of the devicon project

License

Notifications You must be signed in to change notification settings

devicons/react-devicons

Repository files navigation

react-devicons

React components for the svg icons of the devicon project.

Installation

yarn add react-devicons
// OR
npm i react-devicons
// OR
pnpm i react-devicons

Usage

import ReactOriginalIcon from "react-devicons/react/original";
// or (not recommended, this would increase bundle size by a lot)
import { GithubOriginalIcon, GithubOriginalWordmarkIcon } from "react-devicons";

<GithubOriginalWordmarkIcon />
<GithubOriginalIcon size="2em" />
<ReactOriginalIcon className="my-class" />

With color

Icons that are only one color can be recolored like this

import DeviconPlainIcon from "react-devicons/devicon/plain";

<DeviconPlainIcon color="white" />;