JSPM

  • Created
  • Published
  • Downloads 300389
  • Score
    100M100P100Q180513F
  • License MIT

Simple and complete library of components icons, created with simple-icon SVG

Package Exports

  • @icons-pack/react-simple-icons

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@icons-pack/react-simple-icons) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

@icons-pack/react-simple-icons

This package provides the Simple Icons 2.4.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