Style an SVG icon: colour, background shape and shadow
BENIBIX
0:00 / 0:00
Style an SVG icon: colour, background shape and shadow
2 просмотра · 2 дня назад
BENIBIX
2 подписчика
2 просмотра · 2 дня назад
How to style an SVG icon for a feature card or an app tile: colour from a swatch or your hex code, size and stroke, rotate and flip, a squircle or circle behind it with a solid or gradient fill, a shadow drawn inside the SVG, and a check on light and dark. In this Icon Studio lesson every change shows on the stage at once.
In this video:
Colour, size and stroke
Rotate and flip
A background shape
A shadow
Check it on light and dark
Start over or keep the style
Share the exact icon
Find it here: https://tools.benibix.com/design?ref=...
Read this lesson: https://tools.benibix.com/tutorials/i...
Icon Studio, the course: https://tools.benibix.com/tutorials/i...
Icon Studio: https://tools.benibix.com/design/icon...
Chapters:
0:00 Intro
0:27 Colour, size and stroke
1:03 Rotate and flip
1:22 A background shape
2:04 A shadow
2:24 Check it on light and dark
2:50 Start over or keep the style
3:12 Share the exact icon
3:23 Recap
Squircle or circle for your icons?
#IconStudio #Icons #UIDesign