react-svg-icon

4.0.1 • Public • Published

react-svg-icon npm Build Status Coverage Status

Accessible SVG icon component for React.

Check out the online demo!

Usage

npm install --save react-svg-icon
import Icon from 'react-svg-icon';
 
<Icon name="i-rocket" />
<Icon name="i-rocket" className="i--red" />
// Optionally, use a title to add an accessible label
<Icon name="i-rocket" title="Start the trip" />

Inline SVG assets

Create your SVG sprite and inline them at the start of you HTML document. There's a nice tutorial on how to do this on CSS-Tricks.

Development

Install

Clone the project on your computer, and install Node. This project also uses nvm.

nvm install
# Then, install all project dependencies. 
npm install
# Install the git hooks. 
./.githooks/deploy

Working on the project

Everything mentioned in the installation process should already be done.

# Make sure you use the right node version. 
nvm use
# Start the server and the development tools. 
npm run start
# Runs linting. 
npm run lint
# Runs tests. 
npm run test
# View other available commands with: 
npm run

Releases

  • Make a new branch for the release of the new version.
  • Update the CHANGELOG.
  • Update the version number in package.json, following semver.
  • Make a PR and squash merge it.
  • Back on master with the PR merged, follow the instructions below.
npm run dist
# Use irish-pub to check the package content. Install w/ npm install -g first. 
irish-pub
npm publish
  • Finally, go to GitHub and create a release and a tag for the new version.
  • Done!

Package Sidebar

Install

npm i react-svg-icon

Weekly Downloads

104

Version

4.0.1

License

MIT

Last publish

Collaborators

  • yuzima
  • synecdokey
  • springloaders
  • thibaudcolas
  • holloway