Excited to introduce the new IcoMoon app:
🖋️ SVG Editor
🎨 Color Fonts (COLRv0, Baseline widely available)
😌 No need to outline strokes or flatten SVGs
👥 Live collaboration
⭐️ Export to @vuejs, @elmlang, @reactjs, @Web_Components, @FlutterDev (under Font), favicon and more
ALT IcoMoon's SVG editor in dark mode on a wide screen. Changes made in the main editing area (center) get reflected in the code editor (bottom) and vice versa. The history panel can be seen on the right side, with an item that is toggled off and disabled. Each item in the history panel has an indicator for the user that made the change. The properties panel appears on left, with options for changing size, smooth rounding with G2 continuity, color, opacity, stroke width, and more.
I was a huge advocate for @Web_Components back in the day 'cuz it led me towards being a better dev e.g. learning concepts like @brad_frost 's #atomicdesign however, as the web evolved the shortcomings are clear. Svelte might exist because of the shortcomings so I'm grateful 😅
I had been thinking vaguely about what a modern WYSIWYG CMS could look like built around web components and slots this was a really nice example of something roughly in that direction thank you!