- ⚙️ New CSS Generator! Save this link for the future. A tool to easily convert any SVG shape into a CSS one in no time. Powered by the new shape() function! 🤩 css-generators.com/svg-to-css/ ✅ Single-element ✅ Responsive ✅ No more ViewBox headaches
May 12, 2025 09:48
- Great stuff! Wondering if we'll all soon be using icons with CSS shape()s rather than inline SVGs. I can only see benefits (cacheable icons!) except that we'll need to build a development pipeline to add and edit icons. A conversion library like this might help with converting a folder of SVGs.
- Well that's ruined all my fun! 😆 Amazing work! 🥳
- But we will have a "new" fun. Imagine a shape() where you can add var(), calc(), etc ... A lot of possibilities for drawing and animating 😉
- This looks great. One question: how is the aspect ratio determined?
- It's the ratio of the smallest rectangle where the shape can fit. Inspect the code of the examples and you will notice no extra white space around the shape
- Awesome!!
- Incredible time saving! Thanks for the info!
- This is bloody great!
- Thanks 👍
- Nice
- Now you can make your comics in 4K 😎