React — иконки и логотипы

Логотип React в формате SVG: 5 начертаний — Моно, Для тёмного фона, Цветная, Текст для тёмного фона, Текст цветной. Скачивайте файлом или вставляйте прямой ссылкой, без регистрации и ограничений.

  • Приложенияраздел каталога
  • 5SVG-файлов
  • 1.1:1пропорции знака
  • 6,4 КБвес файла
  • #61DAFBфирменный цвет
  • Разработкакатегория

Официальный сайт бренда ↗

Предпросмотр иконок

Каждое начертание показано на тёмной и светлой подложке. Клетка означает прозрачный фон файла.

Моноreact.svg
React — Моно на тёмном фонеReact — Моно на светлом фоне
Для тёмного фонаreact-dark.svg
React — Для тёмного фона на тёмном фонеReact — Для тёмного фона на светлом фоне
Цветнаяreact-color.svg
React — Цветная на тёмном фонеReact — Цветная на светлом фоне
Текст для тёмного фонаreact-text-dark.svg
React — Текст для тёмного фона на тёмном фонеReact — Текст для тёмного фона на светлом фоне
Текст цветнойreact-text-color.svg
React — Текст цветной на тёмном фонеReact — Текст цветной на светлом фоне

Цвет

Разложили логотип на цвета: поменяйте любой из них, сделайте одноцветную версию или залейте градиентом — и скачайте результат.

React — предпросмотр цвета

Перекраска и градиент — на ваше усмотрение: у многих компаний бренд-гайдлайны это ограничивают. Исходные файлы мы отдаём без изменений, редактор меняет только вашу копию.

Растровые версии

Готовый PNG для мест, где вектор не поддерживается — презентации, документы, письма. Для интерфейса лучше SVG выше: он не мылится при увеличении.

Скачать

Файлы отдаются напрямую и не требуют ключа. Ссылка стабильна — её можно вставлять в вёрстку без копирования файла к себе.

  • Моноreact.svg
    Скачать SVG
  • Для тёмного фонаreact-dark.svg
    Скачать SVG
  • Цветнаяreact-color.svg
    Скачать SVG
  • Текст для тёмного фонаreact-text-dark.svg
    Скачать SVG
  • Текст цветнойreact-text-color.svg
    Скачать SVG

Вставка в код

HTML
<img src="https://ru.headai.bot/icons/e2edaa9d3jx/react.svg" alt="React" width="32" height="32" />
React
<img
  src="https://ru.headai.bot/icons/e2edaa9d3jx/react.svg"
  alt="React"
  width={32}
  height={32}
  loading="lazy"
/>
CSS
.icon-react {
  background-image: url("https://ru.headai.bot/icons/e2edaa9d3jx/react.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
Markdown
![React](https://ru.headai.bot/icons/e2edaa9d3jx/react.svg)

Для ИИ-агента

Отправьте эту строку своему агенту — дальше он сам прочитает инструкцию и подставит нужные ссылки.

Прочитай https://ru.headai.bot/icons/skill.md и следуй инструкциям

Машинные ресурсы

React и связанные обозначения — товарные знаки правообладателя. Логотип приведён исключительно для идентификации сервиса (приложения); HEAD AI не заявляет на него прав и не аффилирован с правообладателем. Запрос на удаление: support@headai.bot.