Currently SVGs can only be added through the Image element, or the Embed element. Both of these approaches have issues, which an SVG-specific element could solve neatly.
SVG via Embed element problems;
- Embeds are not permitted within links, making menus difficult
- Embeds cannot be previewed in the designer
SVG via Image element problems;
- The SVG cannot be affected by CSS when it is referenced through an <img> tag
- The currentColor feature of SVGs does not function
- Creates a large number of HTTP requests for icon-rich designs
SOLUTION
An SVG Element which...
- Works similarly to the Image element in terms of canvas placement and config options
- Can be associated with any SVG element in assets
- Adds Embed as an option, which will import the SVG content on build
- Support additional SVG element options, such as path-id, aria-hidden, focusable, and viewbox
WHY THIS WOULD BE AWESOME
- It would allow SVG's to be used with currentColor, since embedding would be allowed
- It would avoid the need for Embeds (which cannot be used in links)
- It would efficiently use embedded / inline data, rather than doing multiple HTTP requests
-
It would support SVG-specific attributes such as aria-hidden, focusable, and viewbox
- Allow SVG libraries, with path-id referencing
Michael Wells
9
Reviewed
0
Reviewed
This is table stakes for any modern business site. I look forward to this being done soon.
Attachments Open full size
2022 and this is still not available??? Webflow?????????
Attachments Open full size
This would be great, have had the above problems stated with SVG's recently.
Getting the currentColor feature to work would be a nice little fix at least.
Attachments Open full size
Thank you. I will try your methods to increase my knowledge.
Attachments Open full size
เทคนิคเล่น Pg ดูได้ที่ Pantip แต่ไม่ใช่แค่ที่ pantip เท่านั้น google ยังมีสูตรการเล่นมากมายที่ช่วยทำให้คุณสนุกกับการเล่น pgslot ของเรามากยิ่งขึ้นกับเว็บของเราที่กำลังมาแรงสุดๆจนหยุดไม่อยู่ในตอนนี้
Attachments Open full size
Another example of WF droping the ball on simple features.
Attachments Open full size
I really can't believe this still isn't done! What the HELL Webflow. This comment was created all the way back in 2018 and it's now 2022. This is one of the most fundamental features that should have been available from the beginning. All websites need SVGs at some point for many elements like custom icons and buttons... There are other web builders that provide this and Webflow still doesn't. It's Unbelievable how you guys completely ignore this community of paying customers! 🤬
Attachments Open full size
Thank you for sharing your valuable solution, it's work properly.
https://www.myloweslife.mobi/
Attachments Open full size
Thanks for the update. I'll be sure to keep an eye on this thread.
indigocard
Attachments Open full size
Thank you for sharing your valuable solution, it's work properly.
Attachments Open full size
Did you have a fix on this issue? MyGiftCardSite Challenging a relative issue yet no response from anyone and couldn't see this point taking a gander at in google.
Attachments Open full size
This would be amazing. WE NEED THIS!
Attachments Open full size
PLEASE!
Attachments Open full size
Embed an SVG via an <img> element, you just need to reference it in the src attribute as you'd expect. You will need a height or a width attribute
Attachments Open full size
CSS is supposed to make these tasks faster, but nope, not in webflow, because webflow restrictions. so dumb.
Attachments Open full size
Please THIS!!!
There are way too many workaround trying to get SVGs to work as they normally do in a browser without being tied down by webflow.
Bottom line - It's currently faster to create 100 Svgs in all different colours that it is to use the embeds and workarounds to get icon links to work.
CSS is supposed to make these tasks faster, but nope, not in webflow, because webflow restrictions. so dumb.
Attachments Open full size
It would save so much time !
Attachments Open full size
Would be useful. If the SVG is a single colour you can use Opactity and Filters but it's not a great substitute.
Attachments Open full size
Please add this to webflow
It will save us a LOT OF TIME
Attachments Open full size
I've been dreading for this feature, would love for this feature to be realised. Webflow has been very important piece in my work and this feature would help a lot
Attachments Open full size