Использование svg?

[yuchiko]

А есть, что сказать по правильному подключению svg в разных случаях ?

У меня сложилось мнение, что инлайн svg мы используем только в случае, когда мы будем анимировать этот элемент или работать с ним еще как-то динамически. Второй случай когда изображение имеет какой-то вес и нам нужно, чтобы человек мог бы скопировать без проблем - логотип.

Делать всё в шрифт? Имеет смысл, если иконок больше 5-ти, да и эта цифра кажется не серьезной

svg sprite (symbol, use) Пока не вижу в практике на больших проектах и боюсь, что не зря.

Как background-image ? Как декорация элемента - хорошо, но, чтобы сделать hover, то используются хаки, когда одновременно ставятся как :before, так и :after, но с двумя разными svg. Тут шрифтовые уже выручают хорошо.

Возможно смотрю однобоко и хотелось бы узнать мнение

P.S за чеклист спасибо, он прекрасен 👍 🥇

[Realetive]

Со шрифтом не всё хорошо — «размыливается» при неточных размерах и масштабах, a11n никакой, ограниченность по количеству цветов.