Devicons React

Devicons React is a collection of icons that symbolize programming languages, design tools, and development software.

Install package

#npm
npm install --save devicons-react

#yarn
yarn add devicons-react

#pnpm
pnpm add devicons-react

Demo

import Aarch64Original from "devicons-react/lib/icons/Aarch64Original";

const App = () => {
  return (
    <>
      <Aarch64Original />
    </>
  );
};

export default App;

Custom size, color, and class name

import Aarch64Line from "devicons-react/lib/icons/Aarch64Line";
import Aarch64Original from "devicons-react/lib/icons/Aarch64Original";
import Aarch64Plain from "devicons-react/lib/icons/Aarch64Plain";

const App = () => {
  return (
    <>
      <Aarch64Line color="red" size="50" />
      <Aarch64Original color="blue" size="50" />
      <Aarch64Plain size="50" />
      <Aarch64Original className="custom-class" />
    </>
  );
};

export default App;

Note

The color prop works only with Plain and Line icons. All SVG props are also supported for advanced customization.

Caution

Avoid importing multiple icons directly using import { Aarch64Line, Aarch64Original, Aarch64Plain } from 'devicons-react'; as it will increase the bundle size. Instead, import icons individually as shown above.