Задать вопрос
@viktorross
svg

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

Есть ли где-то 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>
  • Вопрос задан
  • 10025 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Пригласить эксперта
Ответы на вопрос 5
Wolfnsex
@Wolfnsex
Если не хочешь быть первым - не вставай в очередь!
подскажите пожалуйста , есть ли где-то svg код иконок для html?
В сети их как грязи, например тут.

Сейчас использую awesome
Там тоже несколько тысяч.

но хотелось бы убрать лишние скрипты
Не вижу ни одной помехи для этого.

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

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

P.S. Есть масса различных инструментов для анализа скорости загрузки страницы и оценки ряда прочих факторов. Например, Google Page Speed. Лучше - когда показатели высокие и/или вписываются в норму, остальное второстепенно.
Ответ написан
Комментировать
Комментировать
lukoie
@lukoie
1 находим сайт с ЛЮБЫМИ векторными иконами
2 смотрим код иконки в инспекторе
3 контролцконтролв
Ответ написан
Комментировать
Комментировать
@ikoit
Web Developer
Вот хороший ресурс. И плюс можно перекрасить, указать размер и скачать во многих форматах, например, как Вам и нужно в SVG.
https://www.flaticon.com/
Ответ написан
Комментировать
Комментировать
@strelok011
А еще можно добавить в сборщик проекта npm-библиотеку и собирать разрозненные svg в один спрайт :)
Ответ написан
Комментировать
Комментировать
@REMBURO
Я тоже новичок. Нашел решение с помощью GIM вот ссылка https://stackoverflow.com/questions/11529470/is-th...
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Backend Developer в бьюти-платформу LUUK
УК «Решения» • Москва
от 200 000 ₽
Angular frontend developer, разработчик middle+
IT Force • Краснодар
от 200 000 ₽
Middle+ Marketing manager
Правое полушарие Интроверта
от 120 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Разработка VST-плагина
19 апр. 2024, в 20:43
20000 руб./за проект
Нарисовать баннер для интернет-магазина
19 апр. 2024, в 20:35
500 руб./в час
Разработать несистемный алерт
19 апр. 2024, в 20:11
500 руб./за проект
Ещё заказы