Що таке SVG SVG (скорочення від Scalable Vector Graphics – «масштабована векторна графіка») – це вид графіки, яку створюють за допомогою математичного опису геометричних примітивів (ліній, кіл, еліпсів, прямокутників, кривих і так далі), які й утворюють усі деталі майбутнього зображення.

Підключення через тег <img> в html Тег <img>, атрибут src, прописуємо шлях до файлу. Можна використовувати будь-які атрибути <img>, включаючи атрибут width. Отримуємо результат.

Ось що треба зробити: Спочатку в кожній іконці потрібно зробити символ з унікальним id і перемістити viewBox до нього. Потім треба призначити fill (або stroke) на currentColor, щоб потім використовувати CSS-правило color для завдання кольору.