[React] Bonded stablecoin Icons

Link to bonded stablecoins: ostable.org

Link to token registry: tokens.ooo

Install

npm i stablecoin-icons

Use

import Icon from "stablecoin-icons"

Required packages:

• react

Props

| Props name | Type | Descriprion | | ------ | ------ | ------ | | symbol | string | Token name | | type | number | 1 - for growth; 2 - for interest; 3 - for stable | | pegged | string | example: BTC, ETH, GOLD |

type is optional if the symbol is known, it is used as fallback to choose the type of the default icon when symbol's icon is not found in this library.

This component supports all SVG props.

Example

import Icon from "stablecoin-icons" 

export const App = () => {
  return <Icon symbol="IUSD" type={2} />
}

How do I add an icon for my stablecoin ?

• Go to the template on figma and log in
• Click on the "Duplicate to your drafts"
• Go to your to drafts and select template
• Add a logo like this, what is your coin associated with (in the center of the circle, as in other icons) and save it as svg
• Create a folder "src/icons/[pegged name (for example, BTC or ETH)]". Save and move your icons there. The icon names must match the token name.
• Remove the height and width attributes in your SVG tags
• Import and add your icons to "src/iconList" as done with others
• Great, you did it! (After your PR is approved, a new version of the library will be released)

If you need help with this, write to @Taump on Obyte Discord