Repolode
Предложить
xandemon

xandemon/developer-icons

Коллекция оптимизированных настраиваемых SVG-логотипов технологий для разработчиков в виде npm-пакета с React-компонентами.

Открыть на GitHubСайт
Звёзды
2,669
Форки
214
Открытые issues
8
Последний коммит
2 месяца назад

Что это?

developer-icons — набор SVG-логотипов языков программирования, фреймворков, инструментов и других технологий. Иконки можно установить через npm и импортировать как именованные React-компоненты, задавая каждой размер и цвет, как любому другому элементу React. Те же иконки можно скачать прямо с сайта проекта и использовать в дизайне.

Иконки оптимизированы с помощью SVGO: файлы занимают мало места и остаются четкими при любом масштабе. Для многих логотипов доступны разные варианты, например версии для светлой и темной темы и текстовые логотипы. Общие правила дизайна помогают добиться единого стиля во всем наборе.

Пакет написан на TypeScript и подходит для проектов на React и Next.js. Он распространяется по лицензии MIT. Проект принимает предложения новых и обновленных иконок в соответствии с руководством для участников.

Ключевые возможности

  • 01Именованные React-компоненты для каждой иконки с пропсами для размера, цвета и стиля.
  • 02SVG-файлы оптимизированы с помощью SVGO, чтобы уменьшить размер и сохранить четкость при масштабировании.
  • 03Для многих логотипов доступны варианты для светлой и темной темы, а также текстовые версии.
  • 04Единый визуальный стиль для всего набора иконок.
  • 05Доступны через npm и для скачивания с сайта проекта.

Сценарии использования

  • Добавление логотипов технологий в портфолио разработчика или на сайт документации.
  • Отображение набора инструментов или языков в дашборде на React.
  • Использование логотипов технологий в макетах дизайна и презентациях.

Быстрый старт

  1. 1

    Установите пакет с помощью npm

    npm i developer-icons
  2. 2

    Импортируйте компоненты иконок и используйте их в коде React

Что важно знать

  • Иконки предоставляются в виде компонентов React, поэтому пример использования предназначен для проектов на React.

Темы

#icons#svg#react#logos#typescript#svg-icon#astro#github-action#npm#npm-packages

Частые вопросы

Что такое developer-icons?
Коллекция оптимизированных настраиваемых SVG-логотипов технологий для разработчиков в виде npm-пакета с React-компонентами. developer-icons — набор SVG-логотипов языков программирования, фреймворков, инструментов и других технологий. Иконки можно установить через npm и импортировать как именованные React-компоненты, задавая каждой размер и цвет, как любому другому элементу React. Те же иконки можно скачать прямо с сайта проекта и использовать в дизайне.
developer-icons можно использовать бесплатно? Какая у него лицензия?
developer-icons распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
developer-icons всё ещё поддерживается?
Обновлялся за последние 6 месяцев. Последний коммит в developer-icons — 8 авг. 2026 г..
Для чего можно использовать developer-icons?
Добавление логотипов технологий в портфолио разработчика или на сайт документации. Отображение набора инструментов или языков в дашборде на React. Использование логотипов технологий в макетах дизайна и презентациях.
Как установить developer-icons?
Установите пакет с помощью npm: npm i developer-icons Импортируйте компоненты иконок и используйте их в коде React
Где скачать developer-icons?
Исходный код и инструкции по установке — на GitHub: https://github.com/xandemon/developer-icons

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты

glincker / thesvg

Открытая библиотека из примерно 7 600 SVG-иконок брендов и облачных сервисов, доступная через npm, CDN, CLI и MCP-сервер для AI-редакторов.

Фронтенд и UI#svg#icons#logos
2,9 тыс.228TypeScriptMITОбновлён 10 часов назад