Next.js — иконки и логотипы

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

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

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

Правила использования логотипа ↗

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

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

Моноnextjs.svg
Next.js — Моно на тёмном фонеСветлая подложка: своей версии для тёмного фона у таких начертаний нет — цвет можно подобрать ниже.Next.js — Моно на светлом фоне
Цветнаяnextjs-color.svg
Next.js — Цветная на тёмном фонеNext.js — Цветная на светлом фоне
Текстnextjs-text.svg
Next.js — Текст на тёмном фонеNext.js — Текст на светлом фоне
Текст для тёмного фонаnextjs-text-dark.svg
Next.js — Текст для тёмного фона на тёмном фонеNext.js — Текст для тёмного фона на светлом фоне
Лого + текст, цветnextjs-brand-color.svg
Next.js — Лого + текст, цвет на тёмном фонеNext.js — Лого + текст, цвет на светлом фоне

Цвет

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

Next.js — предпросмотр цвета

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

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

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

Скачать

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

  • Моноnextjs.svg
    Скачать SVG
  • Цветнаяnextjs-color.svg
    Скачать SVG
  • Текстnextjs-text.svg
    Скачать SVG
  • Текст для тёмного фонаnextjs-text-dark.svg
    Скачать SVG
  • Лого + текст, цветnextjs-brand-color.svg
    Скачать SVG

Вставка в код

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

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

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

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

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

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