Skip to content
Branch: master
Find file History
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
..
Failed to load latest commit information.
scripts
src
.babelrc
.eslintignore
.eslintrc
.prettierignore
.prettierrc
CHANGELOG.md
README.md
package.json
yarn.lock

README.md

@icons-pack/react-simple-icons

This package provides the Simple Icons 2.2.0 packaged as a set of React components.

www.npmjs.com! builds!

Installation

Install the package in your project directory with:

// with yarn
yarn add @icons-pack/react-simple-icons

// with npm
npm install --save @icons-pack/react-simple-icons

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 { Materialdesign } from @icons-pack/react-simple-icons
  • azure devOps is exposed as { Azuredevops } from @icons-pack/react-simple-icons

These are some exceptions to this rule:

  • 500px is exposed as { FiveHundredPx } from @icons-pack/react-simple-icons
  • c++ is exposed as { Cplusplus } from @icons-pack/react-simple-icons
  • .Net is exposed as { DotNet } from @icons-pack/react-simple-icons
  • D3.js is exposed as { D3DotJs } from @icons-pack/react-simple-icons
  • dev.to is exposed as { DevDotTo } from @icons-pack/react-simple-icons
  • webcomponents.org is exposed as { WebcomponentsDotOrg } from @icons-pack/react-simple-icons

Example

import { ReactJs } from '@icons-pack/react-simple-icons';

function Example() {
  return <ReactJs color="#61DAFB" size={24} />;
}

note

We can change from uppercamelcase to PascalCase in version 2

Documentation

Coming soon

You can’t perform that action at this time.