Где взять svg код иконок?

Question

[viktorross]

Есть ли где-то svg код иконок для html?
Сейчас использую awesome , но хотелось бы убрать лишние скрипты, и что лучше: awesome или svg код, на странице по 20-30 таких кодов может быть?

Имею ввиду такое

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" style="height: 40px;width: 40px;vertical-align: top;border-radius: 22px;padding: 8px;background: #f9f9f9;margin-top: 10px;">
                  <path d="M9.09090909,8 C8.48484848,8 8,8.48484848 8,9.09090909 L8,13.7878788 C8,14.3939394 8.48484848,14.8787879 9.09090909,14.8787879 L13.7878788,14.8787879 C14.3939394,14.8787879 14.8787879,14.3939394 14.8787879,13.7878788 L14.8787879,9.09090909 C14.8787879,8.48484848 14.3939394,8 13.7878788,8 C13.7878788,8 12.2222222,8 9.09090909,8 Z M22.9090909,8 L18.2121212,8 C17.6060606,8 17.1212121,8.48484848 17.1212121,9.09090909 L17.1212121,9.09090909 L17.1212121,13.7878788 C17.1212121,14.3939394 17.6060606,14.8787879 18.2121212,14.8787879 L18.2121212,14.8787879 L22.9090909,14.8787879 C23.5151515,14.8787879 24,14.3939394 24,13.7878788 L24,13.7878788 L24,9.09090909 C24,8.48484848 23.5151515,8 22.9090909,8 C22.9090909,8 22.9090909,8 22.9090909,8 Z M13.7878788,17.1212121 L9.09090909,17.1212121 C8.48484848,17.1212121 8,17.6060606 8,18.2121212 C8,18.2121212 8,18.2121212 8,18.2121212 L8,22.9090909 C8,23.5151515 8.48484848,24 9.09090909,24 L9.09090909,24 L13.7878788,24 C14.3939394,24 14.8787879,23.5151515 14.8787879,22.9090909 L14.8787879,22.9090909 L14.8787879,18.2121212 C14.8787879,17.6060606 14.3939394,17.1212121 13.7878788,17.1212121 L13.7878788,17.1212121 Z M22.9090909,17.1212121 L18.2121212,17.1212121 C17.6060606,17.1212121 17.1212121,17.6060606 17.1212121,18.2121212 L17.1212121,18.2121212 L17.1212121,22.9090909 C17.1212121,23.5151515 17.6060606,24 18.2121212,24 L18.2121212,24 L22.9090909,24 C23.5151515,24 24,23.5151515 24,22.9090909 L24,22.9090909 L24,18.2121212 C24,17.6060606 23.5151515,17.1212121 22.9090909,17.1212121 C22.9090909,17.1212121 22.9090909,17.1212121 22.9090909,17.1212121 Z" fill-rule="nonzero" fill="#0099D3">
                  </path>
                </svg>

Answer 1

[Евгений Вольф]

подскажите пожалуйста , есть ли где-то svg код иконок для html?

В сети их как грязи, например тут.

Сейчас использую awesome

Там тоже несколько тысяч.

но хотелось бы убрать лишние скрипты

Не вижу ни одной помехи для этого.

и что лучше awesome или svg код

FontAwesome - можно скачать отдельно, в SVG формате (каждую иконку отдельно).

на странице по 20-30 таких кодов может быть?

С точки зрения сокращения обращений к серверу - встраивать SVG в страницу - лучше. С точки зрения читаемости такого кода - думаю, хуже.

P.S. Есть масса различных инструментов для анализа скорости загрузки страницы и оценки ряда прочих факторов. Например, Google Page Speed. Лучше - когда показатели высокие и/или вписываются в норму, остальное второстепенно.

Answer 2

[lukoie]

1 находим сайт с ЛЮБЫМИ векторными иконами
2 смотрим код иконки в инспекторе
3 контролцконтролв

Answer 3

[Икотий Айтишевич]

Вот хороший ресурс. И плюс можно перекрасить, указать размер и скачать во многих форматах, например, как Вам и нужно в SVG.
https://www.flaticon.com/

Answer 4

[strelok011]

А еще можно добавить в сборщик проекта npm-библиотеку и собирать разрозненные svg в один спрайт :)

Answer 5

[REMBURO]

Я тоже новичок. Нашел решение с помощью GIM вот ссылка https://stackoverflow.com/questions/11529470/is-th...