Какие бесплатные icons лучше подключать?
Порекомендуйте какие-нибудь наборы иконок (кроме FontAwesome) для подключение через webpack так чтобы они подгружались не все сразу, а по запросу...
Дополнительно:
А почему иконки должны подгружаться все сразу? Если вы их в атлас упаковали, то они подгружаются одной большой картинкой, иначе отдельными маленькими по запросу.
Лучше всего fontello, особенно если в дизайне есть svg иконки, их можно загрузить fontello и использовать как шрифт, при этом можно давать свои названия и префиксы, можно взять svg иконку с того же FontAwesome и подгрузить в fontello. И по итогу ничего лишнего, только то что нужно для конкретного проекта.
- Добавлю, что фонтелло позволяет собрать свой пак иконок с разных сервисов, и все это в одном интерфейсе и css
- Отлично попробую :)
- Михаил Р., Вы имеете ввиду в ручную или знаете вариант с автоматизацией процесса?
- Виталий Першин, любой, я собираю руками, т.к. в основном это разовая работа, но есть api https://github.com/fontello/fontello#developers-api
- Михаил Р., Ну про ручной вариант я собственно и ответил, а вот с апи у вас есть практический пример где вы взяли просто пак иконок того же FontAwesome последней версии и интегрировали в fontello?
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Для подключения бесплатных иконок на вашем веб-сайте, можно использовать различные источники, но важно выбрать иконки, которые будут не только красивыми, но и легко доступными для использования.
Один из самых популярных и удобных способов подключения бесплатных иконок - это использование библиотек иконок, таких как Font Awesome, Material Icons или Ionicons. Эти библиотеки предлагают огромный выбор иконок различных стилей и размеров, которые легко добавить на ваш сайт с помощью CSS классов.
Например, для подключения иконок Font Awesome, вам нужно добавить ссылку на CSS файл библиотеки в раздел вашего HTML документа:
Затем вы можете использовать иконки, добавляя соответствующие классы к элементам вашего сайта:
<i class="fas fa-home"></i>
Если вам нужны иконки для конкретных задач, например, иконки для социальных сетей или для работы с формами, вы также можете использовать специализированные библиотеки иконок, такие как Social Icons или Bootstrap Icons.
Важно помнить, что при выборе иконок для вашего сайта необходимо учитывать их размер, цвет, стиль и соответствие общему дизайну вашего сайта. Также обратите внимание на лицензию иконок - убедитесь, что вы имеете право использовать их на вашем сайте бесплатно.
Надеюсь, эта информация поможет вам выбрать подходящие бесплатные иконки для вашего веб-сайта!