<use> и SVG-sprite: одна иконка — много размеров
symbol + href без дублирования path.
Спрайт `<svg style="display:none"><symbol id="icon-phone">…</symbol></svg>` и вызов `<svg><use href="#icon-phone"/></svg>` экономит байты и кеш.
Для внешнего спрайта `href="/icons.svg#phone"` — следите за CORS и кешированием CDN.
- <use> — MDN — Повторное использование графики.
- <symbol> — MDN — Шаблон в спрайте.
Цвет и тема
Иконки с `currentColor` наследуют цвет текста кнопки — проще тёмная тема без второго файла.