Перейти к содержимому

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