Is your SVG too large to inline in Webflow's HTML Embed?
Don't despair- Webflow's Lottie animation element might just be what you're looking for.
Here's how it works-
Convert your SVG to a Lottie JSON, with a free online tool
Add your Lottie JSON file to your website's Assets
Add a Webflow Lottie element to your page, and connect it to your Lottie JSON file
Add an HTML embed
Drop in a chunk of CSS to target your desired colors ( including CSS currentColor ) to your Lottie
The Lottie renders as an SVG in your Webflow page, and even supports animation if you want to take it that far. This approach is impressively smooth, with the ability to target different parts of your resulting SVG using classes.
By clicking “Accept All Cookies”, you agree to the storing of cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts. View our Privacy Policy for more information.