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

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

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

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

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

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