Форум программистов, компьютерный форум, киберфорум
React/ReactJS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.50/4: Рейтинг темы: голосов - 4, средняя оценка - 4.50
1 / 1 / 1
Регистрация: 08.09.2018
Сообщений: 111

Как правильно использовать иконки в React через иконочный шрифт, или просто как svg картинки?

21.09.2022, 15:04. Показов 906. Ответов 2

Студворк — интернет-сервис помощи студентам
У меня есть на проекте 20+ иконок, как лучше добавлять их, через иконочный шрифт icomoon или через svg?
И если через иконочный шрифт, нормально ли использовать это
(https://www.npmjs.com/package/react-icomoon)?
Или как это вообще лучше сделаать?)
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
21.09.2022, 15:04
Ответы с готовыми решениями:

Иконочный шрифт SVG. Какие форматы (woff, truetype, woff2) лишние в списке?
Привет, друзья! Скомпилировал из 10 файлов иконок SVG-формата через сервис IcoMoon иконочный шрифт. На выходе получилось в папке fonts...

Как правильно сделать svg иконки?
Подскажите как правильно работать с SVG, не получается разместить по центу svg иконку. <footer> <div...

Как правильно подключить иконки SVG на сайт
Здравствуйте, дорогие форумчане! В процессе верстки макета появился вопрос про SVG - как правильно подключить, если мне нужно...

2
250 / 184 / 58
Регистрация: 12.03.2021
Сообщений: 1,043
21.09.2022, 16:46
Цитата Сообщение от Mukzer Посмотреть сообщение
как лучше добавлять их, через иконочный шрифт icomoon или через svg
попахивает холиваром.
Цитата Сообщение от Mukzer Посмотреть сообщение
Зачем? вообще ничего библиотека не дает, кроме изменения синтаксиса.
0
1 / 1 / 1
Регистрация: 08.09.2018
Сообщений: 111
21.09.2022, 17:53  [ТС]
Так каким способом лучше всего добавлять иконки на react сайт?
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
21.09.2022, 17:53
Помогаю со студенческими работами здесь

Как подключать иконочный шрифт, Fontello
http://fontello.com на этом сайте выбрал несколько иконок, скачал. Пишу в html <link href="font/css/fontello.css"...

Как правильно использовать svg в верстке?
В макетах на верстку бывает попадаются элементы, которые сложно реализовать на css3. Решил использовать для таких целей svg. Но тут возник...

Подскажите как разместить картинки иконки в одном проекте а использовать во втором
собственно сабж есть солюшен из десятка проектов хочу скинуть все картинки иконки в один проект прошу пример такого решения вот...

Как загрузить на сервер картинки через CKEditor 4. React
В общем я задал такой же вопрос на стек овер флоу, но хотелось бы узнать и ваши мнения...

Что лучше svg иконки или иконки из шрифта?
Спорный вопрос svg - как изображение, стороны увеличиваются пропорционально и сохраняют качество svg - кэшируются браузером или нет? ...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 28.01.2026
Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image
8Observer8 27.01.2026
Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .
влияние грибов на сукцессию
anaschu 26.01.2026
Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android
8Observer8 26.01.2026
Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .
Установка Android SDK, NDK, JDK, CMake и т.д.
8Observer8 25.01.2026
Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .
Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf
8Observer8 25.01.2026
Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .
Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly
8Observer8 24.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
моя боль
iceja 24.01.2026
Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru