Again, thank you Daniel. That info was very helpful. Unfortunately that website doesn’t allow me to update hundreds of icon files in one batch, but it’s terminal counterpart does: https://github.com/svg/svgo I still want to find a way to simply export icons and use them. I have discovered Affinity Designer actually exports SVG files as percentages by default, so I’m now working there and having success.
Your post inspired some discussion over here and we’ve been hard at work trying to figure out the best SVG icon workflow within Hype. We need the following functions:
- Easily swap out SVGs for updated versions
- Target SVG with CSS (mainly color, but perhaps positioning)
- Scale easily
I see three main methods to insert SVGs in Hype:
- Drag SVGs from the Resources directly onto the scene
Pros: Ease of use
Cons: Total inability to target it with CSS - Place SVG code inline in either a container or html widget.
Pros: More control over CSS styles and customization
Cons: Total inability to swap out easily - Use…
<object class="icon" data="${resourcesFolderName}/icon.svg"></object>
inside a container or html widget
Pros: Somewhat easy. Still able to be swapped out in the Resources
Cons: We have not found the right selectors to target the SVG with css
Any light you could shed on this would be awesome. And sorry if I should be creating a new thread elsewhere.