Векторна графіка SVG

Ресурси

База векторних іконок та сервіс сворення SVG-спрайтів

Методи

fill - керує кольором заливки векторної картинки SVG

Рекомендації

Вбудований SVG

Додавання векторних зображень за допомогою елемента <img> або як фону через background-image використовується для статичної графіки, наприклад, абстрактного фону або іконок, для яких не потрібно додавати ефект ховеру або фокусу.

У цих методів є один істотний недолік: немає можливості динамічно змінити колір або інші характеристики векторного зображення з CSS.

SVG-зображення можна додати повністю в HTML. Тобто відкрити SVG-файл у текстовому редакторі, скопіювати вміст і вставити його в HTML-документ. Це називається “вбудований SVG” (inline svg).