React Devicon

React Devicon is a React implementation of the Devicon package, a library that contains the logos of several programming languages and libraries, as well as of different design and development tools.

React Devicon includes all of the SVG icons of the original package exported as individual React components. In addition, each SVG file has been optimized using SVGO to ensure the smallest component size possible.

Installation

Install this package using NPM:

 npm install 'react-devicon' --save 

Or Yarn:

 yarn add 'react-devicon' 

Usage

Import each icon component from its respective module. You can find the paths for all the modules of every icon looking at the documentation on this site. Please note that every icon typically has at least two or more different versions.

Each icon component exposes two props: width and height. You can enter either a string (i.e. "10em", "100px", etc) or an integer, which will be automatically converted to pixels.

 
  import IconAmazonwebservices from 'react-devicon/amazonwebservices/original'

  export default () => (
    <div>
      <IconAmazonwebservices width={100} height={100}/>
    </div>
    )
           

Credits

All of the SVG files were taken directly from the Devicon library created by konpa.

React Devicon is an open source project created by Fernando Poumián and released under the MIT license.