All icons in svgs folder will be used to generate our custom font icons.
Run pnpm make-font-icons to update the font when needed.
Under output directory, a demo page index.html will be created with a preview of the font icons.
It will be useful to also document here the source of each icon.
- sui-logo-icon.svg - created from the original logo given by design
- sui-logo-txt.svg - created from the original logo given by design
- tokens.svg - exported from figma
- nfts.svg - exported from figma
- history.svg - exported from figma
- apps.svg - exported from figma
- globe.svg - exported from figma
- person.svg - exported from figma
- arrow-left.svg - exported from figma
- clipboard.svg - exported from figma
- logout.svg - exported from figma
- sui-chevron-right.svg - exported from figma
- coins.svg - exported from figma
- hand-coins.svg - exported from figma
- percentage-polygon.svg - exported from figma
- close.svg - exported from figma
- arrow-right.svg - exported from figma
- info.svg - figma
- copy.svg - figma
- check-fill.svg - figma
- lock.svg - figma
- unlocked.svg - figma
- Sometimes the svg icon will not work properly when converted to font (it might be a good idea to do this process for all svgs - to take advantage of any optimizations). An easy way to fix it is use IcoMoon and svgfont2svgicons
- Upload the svg icon to
IcoMoon - Generate the font (check if the icon looks good - if not probably it will not work)
- Download the new font
- Unzip the font
- Use
svgfont2svgicons path/to/svgfont path/to/outputto extract the svg icon - Use the extracted svg icon instead of the original one
- The new svg usually starts with something like
<?xml version="1.0" encoding="UTF-8" standalone="no"?>but this doesn't work properly when runningmake-font-icons. Removing it will fix the error.
- Upload the svg icon to