iconvg
svgomg
Our great sponsors
iconvg | svgomg | |
---|---|---|
6 | 77 | |
660 | 5,641 | |
0.8% | - | |
3.3 | 5.9 | |
6 months ago | about 1 month ago | |
C | JavaScript | |
Apache License 2.0 | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
iconvg
-
A challenger to the throne of vector graphics. SVG is dead, long live TinyVG!
The HN thread also mentions Lottie from AirBnB and IconVG from Not-an-official-Google-product.
-
A challenger to the throne of vector graphics. SVG is dead, long live TinyVG
IconVG author here. Happy to discuss.
Animation is issue #2 on https://github.com/google/iconvg and I have some ideas but no code yet. I'm also midway through changing the current "version 0" format into a "version 1" format, dropping things like the ArcTo op (inspired by SVG) precisely with one eye on (future) animation support. The ArcTo large-arc-flag, like any boolean-typed value, is impossible to interpolate smoothly.
-
IconVG is a compact, binary format for simple vector graphics
https://github.com/google/iconvg/blob/main/spec/iconvg-spec.... also doesn't explain what relative cubeTo does, though from the context (2D vector graphics), “relative” must mean the co-ordinates are relative to the position of the cursor (as opposed to “absolute” which is relative to some fixed origin), and “cube” probably refers to cubic interpolation.
svgomg
-
How to make this map clickable?
Im assuming if you click on the red dot you get to see the names. Try to get a svg without the names. Get it through SVGOMG https://jakearchibald.github.io/svgomg/ and then make a component out of it. Add click listener to the dots and voila
- Svgomg – SVGO's Missing GUI
-
200 Web-Based, Must-Try Web Design and Development Tools
SVG Optimizer
-
7 Free Lifesaver Image Tools Every Frontend Developer Must Have In Their Arsenal 🛠️🚀
SVGOMG for optimizing SVG
- Decal Converison
- Anyone know how to upload decals with detail, yet without going over the file size limit?
-
Why does Inkscape save my SVG file so large? Like, it's just a simple logo with 241 nodes.
Use https://jakearchibald.github.io/svgomg/ to strip out all the unnecessary data.
-
TinyVG – an alternative binary encoded vector graphics format
I came here to say the same thing.
Somebody recently pointed me at a nice online GUI for svgo, so you can try it for yourself without installing anything: https://jakearchibald.github.io/svgomg/
-
Is there a pure SVG Editor?
Use what ever you to create it the run it through https://jakearchibald.github.io/svgomg/
-
Complex SVGs
In addition to the good points others have posted, you could also try using the SVGOMG tool to reduce the final size.
What are some alternatives?
Method-Draw - Method Draw, the SVG Editor for Method of Action
svgo - ⚙️ Node.js tool for optimizing SVG files
Flutter - Flutter makes it easy and fast to build beautiful apps for mobile and beyond
resvg - An SVG rendering library.
specification - The specification for TinyVG. This is the central authority for the file system
ImageOptim - GUI image optimizer for Mac
heroicons - A set of free MIT-licensed high-quality SVG icons for UI development.
spec - WebAssembly specification, reference interpreter, and test suite.
Beatbump - Alternative YouTube Music frontend built with Svelte/SvelteKit 🎧
Smiley Rating - SmileyRating is a simple rating bar for android. It displays animated smileys as rating icon.
feather - Simply beautiful open-source icons