3.1.1 • Published 1 year ago
react-pay-icons v3.1.1
React Pay Icons
Library to get the most popular payment icons
Icons live demo: https://twltwl.github.io/react-pay-icons/
How to use
npm i react-pay-icons
Using this component on your project.
import { Visa } from "react-pay-icons";
<Visa style={{ margin: 10, width: 100 }} />;
Version 2 - Added icons for cryptocurrencies
import { Btc } from "react-pay-icons/lib/crypto";
<Btc style={{ margin: 10, width: 100 }} />;
Big thanks to https://github.com/spothq/cryptocurrency-icons
Props
Below the list of the available props:
Name | Type | Default | Description |
---|---|---|---|
style | Object | CSS style object | |
className | String | HTML class for you to customize with your own CSS | |
...prop | * | Any other prop will be propagated on the SVG element |
Payment Icons
See https://twltwl.github.io/react-pay-icons/
Development
Adding a new icon
Place svg file in ./IconsSource and follow build step
Building the package icons
# Build
npm run icons
Check icons preview
npm run dev
# open localhost:8080