Multi state icons with SVG and CSS
1:13
YouTubeMatt Visiwig
Multi state icons with SVG and CSS
Here鈥檚 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鈥檓 using the ...
1.3K views5 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
SVG Hamburger Menu Animations 馃崝 | HTML CSS JavaScript #shorts
0:12
803 views
SVG Hamburger Menu Animations 馃崝 | HTML CSS JavaScript #shorts
Frontend Focus Official
SVG Tutorial
Master Inkscape: The Ultimate Svg Tutorial
0:15
Master Inkscape: The Ultimate Svg Tutorial
YouTubeAshlee Falco
1.5K viewsSep 8, 2024
Cricut Beginners Tutorials | How to Make Your Own SVG Files for Free | SVG Design Course #svgfiles
0:30
Cricut Beginners Tutorials | How to Make Your Own SVG Files for Free | SVG Design Course #svgfiles
YouTubeDinosaur Mama
1.9K viewsMay 31, 2023
Playroom Wall Decor DIY: Easy Laser Project with Free SVG!
0:27
Playroom Wall Decor DIY: Easy Laser Project with Free SVG!
YouTubeCreative Fabrica Crafts
1.1K views3 weeks ago
Top videos
how to add icons in html and css #coding #html #css
0:40
how to add icons in html and css #coding #html #css
YouTubeSmart Code School
693 viewsJul 6, 2025
Icon Buttons | SVG CSS
0:59
Icon Buttons | SVG CSS
YouTubeLearning Axis
12.1K views8 months ago
SVG Loading Icon | HTML CSS
1:00
SVG Loading Icon | HTML CSS
YouTubeLearning Axis
5.4K viewsAug 6, 2025
SVG Animation
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 views4 months ago
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
4.5K views3 weeks ago
Generative SVG's with Animation with HeroUI & Gemini
4:59
Generative SVG's with Animation with HeroUI & Gemini
YouTubeDesignCourse
36.8K views5 months ago
how to add icons in html and css #coding #html #css
0:40
how to add icons in html and css #coding #html #css
693 viewsJul 6, 2025
YouTubeSmart Code School
Icon Buttons | SVG CSS
0:59
Icon Buttons | SVG CSS
12.1K views8 months ago
YouTubeLearning Axis
SVG Loading Icon | HTML CSS
1:00
SVG Loading Icon | HTML CSS
5.4K viewsAug 6, 2025
YouTubeLearning Axis
Use Inline SVG so we can change visuals with CSS
0:45
Use Inline SVG so we can change visuals with CSS
1.8K views10 months ago
YouTubeMatt Visiwig
SVG Hamburger Menu Animations 馃崝 | HTML CSS JavaScript #shorts
0:12
SVG Hamburger Menu Animations 馃崝 | HTML CSS JavaScript #shorts
803 views1 month ago
YouTubeFrontend Focus Official
Animated Social Icons | HTML and CSS
0:36
Animated Social Icons | HTML and CSS
583 views1 month ago
YouTubeCodingFunda
SVG Animation Tutorial | HTML CSS #shorts
0:37
SVG Animation Tutorial | HTML CSS #shorts
84 views3 months ago
YouTubecodeSnaps
0:59
Icon Buttons | SVG CSS
4 views3 months ago
YouTubeCraftyCode verse
0:30
Build Stunning and Animated Social Media Icons Using HTML and CSS
15 views8 months ago
YouTubeHitech Cad Cam Centre
0:12
3D Social Icons Using HTML CSS | MERN Stack Course #shorts #coding #html #css
312 views4 weeks ago
YouTubeSITHUB
0:42
Build a Dynamic Gooey Liquid Splash Button with HTML Canvas & SVG Filters #shorts
528 views1 month ago
YouTubeDesign&Media
0:54
React Logo in Pure HTML & CSS | Beginner Tutorial
336 views1 month ago
YouTubeThe Creative Developer
0:14
Create Amazing SVG Text Filter Effects with Pure CSS & HTML #css #svg #text #filter #effect #coading
228 views2 months ago
YouTubeCode io
1:35
Create Realistic Liquid Wave Button using HTML & CSS 馃寠 | SVG Wave Animation #uidesignlearning
443 views5 months ago
YouTubeDesign&Media
1:08
Material Design Circular Spinner
7.7K views2 months ago
YouTubeLearning Axis
0:11
CSS Hover Animation Button 馃殌
794 views2 months ago
YouTubeAduok Code
0:16
CSS & SVG Diamond Pattern Text Effect Tutorial. #css #html #svg #coding #uidesignlearning #fyp
161 views2 months ago
YouTubeCode io
0:26
Create a Stunning Animated Button with Pure CSS 馃殌
85 views1 month ago
YouTubeKhizi Dev
1:13
Animated SVG Checkbox with Smooth Checkmark | HTML CSS UI Animation 馃敟 #coding #webdesign #uidesign
242 views5 months ago
YouTubeJD CodeHub
0:29
Modern Hourglass Animation Using SVG & CSS
102 views1 month ago
YouTubeKhizi Dev
See more
Static thumbnail place holder