051: Styling SVG in CSS


Manage episode 297932831 series 2636743
By Google Developer Studio and The CSS Podcast. Discovered by Player FM and our community β€” copyright is owned by the publisher, not Player FM, and audio is streamed directly from their servers. Hit the Subscribe button to track updates in Player FM, or paste the feed URL into other podcast apps.

CSS and SVG are very intertwined, and you can create a lot of unique effects by combining the two. This episode dives into a few CSS + SVG tips and tricks, including where and how to use SVG on your page, icon systems, color theming, adding animations, filter effects, and more!


Solved with CSS: Colorizing SVG β†’ https://goo.gle/3x0Uilb

SVGOMG β†’ https://goo.gle/3hS6ksJ

SVG spec β†’ https://goo.gle/3wVgRYe

Una Kravets (co-host)

Twitter | Instagram | YouTube

Making the web more colorful ✨🎨 Web DevRel @googlechrome Unicorn face host of @toolsday & Designing in the Browser 🎬

Adam Argyle (co-host)

Twitter | Instagram | YouTube

@GoogleChrome CSS DevRel; @CSSWG; VisBug maker; punk; CSS/JS/UX addict; πŸ’€πŸ€˜

The CSS Podcast


54 episodes