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.2K views2 months ago
Related Products
Example Logo Icon
Example Icon Design
Example Icon Pack
#iconic
1970s Hollywood Legendary Icons Then and Now | Part 5 (2026) | Timeless legends #celebrity
1970s Hollywood Legendary Icons Then and Now | Part 5 (2026) | Timeless legends #celebrity
YouTube1 week ago
1970s Hollywood Legends - Then & Now | Part 26 | Timeless Legends #celebrity
1970s Hollywood Legends - Then & Now | Part 26 | Timeless Legends #celebrity
YouTube1 month ago
Top videos
App icons in 30 seconds with Claude Code. Install command in bio. #claude #appicon #appdesign
0:28
App icons in 30 seconds with Claude Code. Install command in bio. #claude #appicon #appdesign
YouTubeCode with Beto
2.4K views1 month ago
How to create professional social media icons using html and css | 100 day 100 project
0:39
How to create professional social media icons using html and css | 100 day 100 project
YouTubeTechnoborty
1.1K views11 months ago
✴️ Icon Animation #css #html #javascript #webdevelopment #coding #animation #tips #how #frontend #xd
0:11
✴️ Icon Animation #css #html #javascript #webdevelopment #coding #animation #tips #how #frontend #xd
YouTubeCrack Trifac
1.8K views5 months ago
Icon Design Tutorials
Adobe Illustrator 2026 - professional way to design wifi icon
0:49
Adobe Illustrator 2026 - professional way to design wifi icon
YouTubeNiz Art creation
2.8K views5 months ago
#capcut #capcutpioneer #capcutnow Here's the tutorial for the viral fluffy N desktop icons effect. Create it easily for free with just one photo. FuzzyFilter PlushEffect PlushFilter FoofyEffect FluffyFilter FluffyEffect #fluffy #aieffect The fluffy desktopriconsare so cute! makeathe same style for free in the lower left
0:18
#capcut #capcutpioneer #capcutnow Here's the tutorial for the viral fluffy N desktop icons effect. Create it easily for free with just one photo. FuzzyFilter PlushEffect PlushFilter FoofyEffect FluffyFilter FluffyEffect #fluffy #aieffect The fluffy desktopriconsare so cute! makeathe same style for free in the lower left
TikTokxiaosi089
452.6K views2 weeks ago
Underrated Icons🔥 #shorts
0:39
Underrated Icons🔥 #shorts
YouTubeVinny
10.1K views1 week ago
App icons in 30 seconds with Claude Code. Install command in bio. #claude #appicon #appdesign
0:28
App icons in 30 seconds with Claude Code. Install command in bio. #claude #appicon #appdesign
2.4K views1 month ago
YouTubeCode with Beto
How to create professional social media icons using html and css | 100 day 100 project
0:39
How to create professional social media icons using html and css | 100 day 100 project
1.1K views11 months ago
YouTubeTechnoborty
✴️ Icon Animation #css #html #javascript #webdevelopment #coding #animation #tips #how #frontend #xd
0:11
✴️ Icon Animation #css #html #javascript #webdevelopment #coding #animation #tips #how #frontend #xd
1.8K views5 months ago
YouTubeCrack Trifac
Create a Sidebar with Active Icon Highlight using React & Font Awesome
0:17
Create a Sidebar with Active Icon Highlight using React & Font Awesome
2K views10 months ago
YouTubeAbhishek Kalita
Modern Animated Social Icons ✨ | HTML & CSS Hover Effects | ‪@101DEVCode‬
0:07
Modern Animated Social Icons ✨ | HTML & CSS Hover Effects | ‪@101DEVCode‬
435 views3 months ago
YouTube101 DEV
How to Create a Placeholder PNG for Icons in Just One Click.
0:58
How to Create a Placeholder PNG for Icons in Just One Click.
23 views1 month ago
YouTubeOnline Tools Tutorials
How to use the UNICHAR function to add symbols, icons, and emojis directly in Excel #excel #shorts
0:09
How to use the UNICHAR function to add symbols, icons, and emojis directly in Excel #excel #shorts
549 views1 month ago
YouTubeSantosh Sharma Excel Guru
0:20
Icons Not Matching? Do This in Figma! ✔️ #figmatutorial #shorts
23 views3 months ago
YouTubeFlow by Vishal
0:13
Displaying custom emojis on Minecraft signs
4 weeks ago
MSNRasplin
0:13
Displaying custom emojis on Minecraft signs
1 month ago
MSNRasplin
0:21
Excel Title Bar – Right Side Icons Explained | Minimize, Maximize & Close
158 views3 months ago
YouTubeDATAMENTIX
0:46
I Turned The YouTube App Icon Into Horror
8.7K views1 month ago
YouTubeMarcus Brantley
0:31
Bootstrap 5 Footer | Build a Professional Responsive Footer with Social media Icon
337 views9 months ago
YouTubeThe Providers
0:08
Smooth Login UI! ✨ Custom Password Input with Animated Focus & Eye Icon (CSS/JS) 👁️‍🗨️
306 views5 months ago
YouTubeBPB Online
0:25
“Save for later” lower third animation with save icon | Green Screen, Transparent
221 views5 months ago
YouTubeAnimations for Social Media
2:14
Electric Dragon Icon ⚡
132 views4 months ago
YouTubeRed Dragon
0:21
Animated icons for a collab project
135 views7 months ago
YouTubeSophie's Media Magic
0:23
Before and after with Icon Rocklear! Icon Rocklear Virginia #rva
827 views1 month ago
YouTubeRalda’s Details
0:56
Designing a Simple & Clean Profile Icon - Adobe Illustrator for Beginners
541 views8 months ago
YouTubeBLACK DESIGN
See more
Static thumbnail place holder