How to Change SVG Icon Colors in Webflow

Published: 05 February 2021
on channel: Halftone Digital
23,566
309

Today we're back in Webflow changing the color of our SVG icons by making our SVGs one solid color, using HTML embeds, and adjusting the code so that the color becomes dependent on the typography swatches. Near the end, Paul tackles color-changing hover states just to show the control we can have over our SVG files.

Check out the written tutorial over on our blog: https://www.halftone.digital/blog-pos...

00:00 Introduction
00:16 Making the SVG one color in Figma
01:20 Bringing the SVG into Webflow Using HTML Embeds
02:03 Changing the SVG code
03:06 Color-Changing Hover State
03:35 Conclusion


Watch video How to Change SVG Icon Colors in Webflow online without registration, duration hours minute second in high quality. This video was added by user Halftone Digital 05 February 2021, don't forget to share it with your friends and acquaintances, it has been viewed on our site 23,566 once and liked it 309 people.