Создание своих иконок?

Question

[max1021]

Господа, вопрос такой, хочу создать (нарисовать) свои иконки, но не знаю, как их запихнуть в html.
Итак, работаю в программе adobe illustrator. Вот я нарисовал иконку в формате .svg. Нарисовал еще 100 таких иконок. Теперь вопрос, как мне их запихнуть в разметку? Как подключать? Какие папки создавать и какой тег использовать для иконок?
Помогите начинающему) Заранее спасибо

Answer 1

[Андрей Котосин]

можно попробовать просто как <img src="icon.svg"> (как изображение) и будет отображаться нормально) А остальное все стилями прописать)) Ну соответственно у тебя в корне эта иконка должна лежать.

Answer 2

[Anton Filippov]

одиночные иконки, которые не будут менять внешний вид подключать как img

иконки, цвет которых нужно менять при наведении(или не только цвет), минифицировать через https://jakearchibald.github.io/svgomg/ и вставлять прямо через svg (или настраивать в сборщике, чтобы он заменял img svg на svg элементы)

наборы svg иконок засовывать в один свг файл в виде символов и использовать их
https://css-tricks.com/svg-symbol-good-choice-icons/