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
Master the Moonwalk Like Michael Jackson
Master the Moonwalk Like Michael Jackson
TikTok4 weeks ago
Top 5 Must-Watch American Films
Top 5 Must-Watch American Films
TikTok1 month ago
Top videos
Designing a Simple & Clean Profile Icon - Adobe Illustrator for Beginners
0:56
Designing a Simple & Clean Profile Icon - Adobe Illustrator for Beginners
YouTubeBLACK DESIGN
541 views8 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
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 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 views1 week ago
How to Add This PC Icon to Desktop in Windows 11
0:46
How to Add This PC Icon to Desktop in Windows 11
YouTubeDiscover You
6.7K viewsApr 2, 2024
Designing a Simple & Clean Profile Icon - Adobe Illustrator for Beginners
0:56
Designing a Simple & Clean Profile Icon - Adobe Illustrator for Beginners
541 views8 months ago
YouTubeBLACK DESIGN
✴️ 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
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
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
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
Animated icons for a collab project
0:21
Animated icons for a collab project
135 views7 months ago
YouTubeSophie's Media Magic
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:58
How to Create a Placeholder PNG for Icons in Just One Click.
23 views1 month ago
YouTubeOnline Tools Tutorials
2:14
Electric Dragon Icon ⚡
132 views4 months ago
YouTubeRed Dragon
0:20
Icons Not Matching? Do This in Figma! ✔️ #figmatutorial #shorts
23 views3 months ago
YouTubeFlow by Vishal
0:08
Smooth Login UI! ✨ Custom Password Input with Animated Focus & Eye Icon (CSS/JS) 👁️‍🗨️
306 views5 months ago
YouTubeBPB Online
0:17
Create a Sidebar with Active Icon Highlight using React & Font Awesome
2K views10 months ago
YouTubeAbhishek Kalita
0:31
Bootstrap 5 Footer | Build a Professional Responsive Footer with Social media Icon
336 views9 months ago
YouTubeThe Providers
0:25
“Save for later” lower third animation with save icon | Green Screen, Transparent
221 views5 months ago
YouTubeAnimations for Social Media
2:08
Quick Tip: Add Icons for Quartiles in Excel
120 views7 months ago
YouTubeErin at Time Saving Templates
0:32
Excel UNICHAR Function | Insert Characters Using Unicode
481 views9 months ago
YouTubeNinja Excel Techniques
0:23
Before and after with Icon Rocklear! Icon Rocklear Virginia #rva
827 views1 month ago
YouTubeRalda’s Details
0:31
Michael Eisner: How to be an Icon
175 views8 months ago
YouTubeHow To Be An Icon
1:11
This App Icon Tool Ain’t It 😬
95 views6 months ago
YouTubeStrataigize
See more
Static thumbnail place holder