Open magicznyleszek opened 1 year ago
Some ideas:
<use>
tag:
<symbol>
s and then loading it with React (or some other way)CloseIcon.jsx
, SpreadsheetIcon.jsx
etc.)webfonts-generator
with some maintained project, e.g. https://github.com/jaywcjlove/svgtofont
Description
We use @vusion/webfonts-generator to generate an icon font. It's almost dead project with a bug that causes the generated font to produce a broken glyphs if the SVG source file is small. So for example a vector file with
28x28px
"artboard" is too small (glyphs broken), but if we use280x280px
SVGs it's fine. This is a hack that I've discovered few years ago. We use it currently.Current workflow
A new icon is needed for UI:
Shared Kobo drive/Product Design/Design Current/04. Design/Comps Sketch/Icons.sketch
(our old-ish Icons source file)Workflow we want
A new icon is needed for UI:
We also want this to work with our Icon component
Reasoning
We want to keep all our desings in Figma, and not require the hack. The
Icons.sketch
file (or other upscaling tool) is needed forwebfonts-generator
to work.Additional details
Zulip topic