@bnb-chain/icons
v0.0.2@bnb-chain/icons
Contributing
Follow the chakra-ui
guidelines to add a
new icon using the createIcon
function.
The SVG must follow these rules:
- The SVG is monochromatic (or follows the naming convention if colored).
- You have replaced all
fill=""
attribute values with"currentColor"
. - The SVG viewport is a 24x24 square (e.g.
viewBox="0 0 24 24"
) and the icon is centered both horizontally and vertically in it. - The .tsx file is named with pascal casing (e.g.
CaretDown.tsx
). - The .tsx file is named with appropriate suffixes, in the correct order (e.g.
Tick.tsx
,TickCircle.tsx
,TickCircleSolid.tsx
).Circle
if the icon is circled.Solid
if the icon has a solid fill.Color
if the icon cannot change its color.
- The SVG file does not contain any font loading, styles or non-vector images.
Contact the designer if your icon has stroke
attributes and ask them to convert it to fill
so
the icon scales correctly.
Once the file has been added, it must be exported in index.ts.