В этом курсе мы рассмотрим несколько различных способов создания, оптимизации и интеграции набора значков SVG. Есть плюсы и минусы каждого метода, поэтому мы проанализируем каждый подход, чтобы вы могли принять обоснованное решение для своего проекта. Мы научимся использовать инструменты сборки для автоматизации процесса создания, обработки и оптимизации иконок. Мы рассмотрим, как использовать CSS для управления стилями на SVG и даже как интегрировать значки SVG в проекте React.
Урок 1.00:02:03
Optimize SVGs for Better Performance using svgo
Урок 2.00:01:06
Include an SVG with an Image Tag
Урок 3.00:01:32
Add an SVG as a Background Image
Урок 4.00:02:52
Add an SVG as an Embedded Background Image
Урок 5.00:01:31
Combine Multiple SVGs into an SVG Sprite
Урок 6.00:04:11
Add an SVG Sprite as a Background Image
Урок 7.00:04:12
Automate SVG Sprite Background Image Variations with a SCSS Mixin