Multi state icons with SVG and CSS
1:13
YouTubeMatt Visiwig
Multi state icons with SVG and CSS
Here’s an easy way to achieve multi-state icons with CSS and SVG. The idea is creating an icon sprite that hosts 3 different visual styles from a single icon family, and then use CSS to hide and show each style. Obviously you need an icon family with multiple styles such as an outline, duo-tone and filled version of each icon. I’m using the ...
1.3K views6 months ago
Shorts
Use Inline SVG so we can change visuals with CSS
0:45
1.8K views
Use Inline SVG so we can change visuals with CSS
Matt Visiwig
Animated Social Icons | HTML and CSS
0:36
546 views
Animated Social Icons | HTML and CSS
CodingFunda
SVG Tutorial
Introduction to SVGs: A Beginner's Guide to Scalable Vector Graphics
18:00
Introduction to SVGs: A Beginner's Guide to Scalable Vector Graphics
YouTubeHunor Márton Borbély
42.2K viewsJun 4, 2024
💡 Create LASER READY SVG FILES in SECONDS! #instasvg
21:01
💡 Create LASER READY SVG FILES in SECONDS! #instasvg
YouTubeThe Louisiana Hobby Guy
30.2K views5 months ago
Engrave wood with your Laser - Inkscape SVG tutorial
19:27
Engrave wood with your Laser - Inkscape SVG tutorial
YouTubeCorinne Blackstone
2.9K viewsJun 19, 2024
Top videos
Icon Buttons | SVG CSS
0:59
Icon Buttons | SVG CSS
YouTubeLearning Axis
12.1K views9 months ago
SVG Loading Icon | HTML CSS
1:00
SVG Loading Icon | HTML CSS
YouTubeLearning Axis
5.4K viewsAug 6, 2025
SVG Animation Tutorial | HTML CSS #shorts
0:37
SVG Animation Tutorial | HTML CSS #shorts
YouTubecodeSnaps
84 views4 months ago
SVG Animation
Learn Awwwards-Level SVG Animations | SVG Animations Basics for Beginners
43:00
Learn Awwwards-Level SVG Animations | SVG Animations Basics for Beginners
YouTubeSheryians Creative School
6K views1 month ago
Mastering SVG Animation in 5 Hours | 7 Real Projects | Beginner to Advanced
5:08:29
Mastering SVG Animation in 5 Hours | 7 Real Projects | Beginner to Advanced
YouTubew3runs
77 views5 months ago
Create Stunning SVG Animations with CSS [Beginner to Pro]
10:39
Create Stunning SVG Animations with CSS [Beginner to Pro]
YouTubeCSSnippets
11.5K views5 months ago
Icon Buttons | SVG CSS
0:59
Icon Buttons | SVG CSS
12.1K views9 months ago
YouTubeLearning Axis
SVG Loading Icon | HTML CSS
1:00
SVG Loading Icon | HTML CSS
5.4K viewsAug 6, 2025
YouTubeLearning Axis
SVG Animation Tutorial | HTML CSS #shorts
0:37
SVG Animation Tutorial | HTML CSS #shorts
84 views4 months ago
YouTubecodeSnaps
Use Inline SVG so we can change visuals with CSS
0:45
Use Inline SVG so we can change visuals with CSS
1.8K views11 months ago
YouTubeMatt Visiwig
Animated Social Icons | HTML and CSS
0:36
Animated Social Icons | HTML and CSS
546 views2 months ago
YouTubeCodingFunda
Icon Buttons | SVG CSS
0:59
Icon Buttons | SVG CSS
4 views4 months ago
YouTubeCraftyCode verse
SVG Hamburger Menu Animations 🍔 | HTML CSS JavaScript #shorts
0:12
SVG Hamburger Menu Animations 🍔 | HTML CSS JavaScript #shorts
805 views2 months ago
YouTubeFrontend Focus Official
0:54
React Logo in Pure HTML & CSS | Beginner Tutorial
336 views2 months ago
YouTubeThe Creative Developer
0:16
SVG Spotlight Reveal Animation 🔥 Interactive Product Grid with HTML CSS JavaScript
241 views2 months ago
YouTubeFrontend Focus Official
0:30
Build Stunning and Animated Social Media Icons Using HTML and CSS
15 views9 months ago
YouTubeHitech Cad Cam Centre
0:12
3D Social Icons Using HTML CSS | MERN Stack Course #shorts #coding #html #css
269 views1 month ago
YouTubeSITHUB
1:35
Create Realistic Liquid Wave Button using HTML & CSS 🌊 | SVG Wave Animation #uidesignlearning
444 views6 months ago
YouTubeDesign&Media
0:14
Create Amazing SVG Text Filter Effects with Pure CSS & HTML #css #svg #text #filter #effect #coading
228 views3 months ago
YouTubeCode io
1:08
Material Design Circular Spinner
8.1K views3 months ago
YouTubeLearning Axis
0:42
Build a Dynamic Gooey Liquid Splash Button with HTML Canvas & SVG Filters #shorts
2 views2 months ago
YouTubeDesign&Media
0:26
Create a Stunning Animated Button with Pure CSS 🚀
85 views2 months ago
YouTubeKhizi Dev
0:16
CSS & SVG Diamond Pattern Text Effect Tutorial. #css #html #svg #coding #uidesignlearning #fyp
161 views3 months ago
YouTubeCode io
0:49
This Button Morphs Smoothly… No JavaScript 😳
511 views5 months ago
YouTubeFull Stack Creative
0:10
SVG Loader Animation using HTML & CSS #viralvideo #coding #shorts #short #viral #ytshorts
1.5K views3 months ago
YouTubeHTML & Photoshop Pro
0:36
Create This Modern Sidebar Menu with HTML & CSS 🤯 #shorts #shortvideo
390 views1 month ago
YouTubeCodeGlory
See more
Static thumbnail place holder