Перейти к содержимому
outline MIT 1 векторных узлов
Segmented Nav - Bootstrap Icons iconFree Segmented Nav vector icon from the Bootstrap Icons open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.
144x144 px | Stroke 2px Статичная
1. Цвет

Оригинальные цвета иконки сохраняются, пока вы не выберете новый цвет.

2. Фон холста и преобразования
3. Живые векторные анимации Включено в экспорт SVG
Bootstrap Icons | Пользовательский интерфейс | viewBox="0 0 16 16" | Бесплатно для коммерческого использования

Segmented Nav - Векторные и 3D иконки

Источник, автор и лицензия видны в просмотре и в деталях иконки. Segmented Nav - Бесплатно для коммерческого и личного использования. Без Регистрации | 100% Обработка в Браузере

Мгновенная загрузка вектора и изображений высокого разрешения
Оригинальные цвета иконки сохраняются, пока вы не выберете новый цвет. bootstrap-regular-segmented-nav.svg (514 B)
Быстрое копирование для разработчиков и UI фреймворков
Живой вывод кода
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-segmented-nav" viewBox="0 0 16 16" width="36" height="36" role="img" aria-label="Segmented Nav icon"><title>Segmented Nav - Bootstrap Icons icon</title><desc>Free Segmented Nav vector icon from the Bootstrap Icons open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.</desc>
  <path d="M0 6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm6 3h4V5H6zm9-1V6a1 1 0 0 0-1-1h-3v4h3a1 1 0 0 0 1-1"/>
</svg>
Промпт ИИ и улучшение вектора

Хотите улучшить или изменить стиль этой иконки? Segmented Nav

Создайте точный инженерный промпт или улучшите иконку на холсте прямо сейчас. Segmented Nav

Генератор промптов полностью в браузере
Segmented Nav Free SVG Vector Icon - Bootstrap Icons (MIT)
Проверка источника и лицензии LICENSE.txt

Library: Bootstrap Icons | Author: The Bootstrap Authors | License: MIT | Без Регистрации | 100% Обработка в Браузере

Ключевые слова
#bootstrap #regular #segmented #nav #interface #outline #segmented nav svg #segmented nav icon #segmented nav bootstrap icons #segmented nav react tsx #segmented nav vue #segmented nav png
Популярно на вашем языке
бесплатные svg иконки скачать векторные иконки бесплатно конвертер svg в png онлайн бесплатный редактор svg в браузере 3d иконки svg оптимизация svg файлов react svg компоненты css анимация svg иконки для коммерческого использования библиотека svg иконок

Segmented Nav - Технические характеристики вектора

Источник, автор и лицензия видны в просмотре и в деталях иконки. Segmented Nav

Канонический идентификатор файла bootstrap/bootstrap-regular-segmented-nav
Исходный пакет библиотеки Bootstrap Icons
Сетка координат и viewBox viewBox="0 0 16 16"
Размер без сжатия 514 bytes (~283 bytes gzipped)
Лицензия SPDX и коммерческое использование MIT - Бесплатно для коммерческого использования
Поддерживаемые форматы экспорта SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64
Гарантия безопасности и приватности Без Регистрации | 100% Обработка в Браузере

Как использовать и настроить эту иконку: Segmented Nav

  1. Настройте визуально: Цвет, Авто (линия и заливка), Толщина линии (0.5px-4px), Живые векторные анимации
  2. Скачайте вектор или картинку: Скачать SVG, PNG (прозрачный), WebP (оптимизированный) (2048x2048 px)
  3. Скопируйте код для фреймворка: Копируйте готовый код для React, Next.js, Vue 3, Svelte, Angular, HTML и CSS масок.
  4. Глубокая векторная правка: Править в SVG редакторе (76,166)
Совет по доступности (WCAG 2.1): Скрывайте декоративные значки через aria-hidden и focusable false. Давайте кнопкам без текста понятный aria-label. Отражайте стрелки по горизонтали для языков справа налево. bootstrap-regular-segmented-nav.svg aria-hidden="true" focusable="false"

Больше в Пользовательский интерфейс

Смотреть

Смотреть ещё

Часто задаваемые вопросы

Segmented Nav - Часто задаваемые вопросы

Бесплатна ли SVG-иконка Segmented Nav для коммерческого использования? +

Да, иконка Segmented Nav из коллекции Bootstrap Icons доступна по лицензии MIT для бесплатного коммерческого использования.

Сохраняет ли иконка Segmented Nav оригинальные цвета при скачивании? +

Да, Segmented Nav сохраняет исходные цвета по умолчанию, пока вы не выберете новый цвет в редакторе.

Как использовать иконку Segmented Nav в React или Vue? +

Откройте вкладку React TSX или Vue 3 на этой странице и нажмите Copy SVG. Вставьте компонент в проект и оформите его через CSS или Tailwind.

Можно ли скачать Segmented Nav в виде прозрачного PNG? +

Да, выберите размер до 1024 пикселей и нажмите Скачать PNG.

Как анимировать иконку Segmented Nav с помощью CSS? +

Выберите анимацию в живом редакторе, чтобы автоматически встроить CSS keyframes.

Можно ли создать AI-промпт для иконки Segmented Nav? +

Да, используйте генератор AI-промптов на этой странице для стилей 3D, Стекло или Неон.

Можно ли менять размер иконки Segmented Nav без потери качества? +

Да. Файл Segmented Nav это вектор с масштабируемым viewBox, поэтому он остается четким в 16px, 64px, 512px и в печати.

Куда сообщить о проблеме с файлом Segmented Nav? +

Напишите на support@svgnexus.com и укажите адрес иконки. Вопросы лицензии по Segmented Nav идут на legal@svgnexus.com.

100% Обработка в Браузере | 76,166 иконок

Редактор SVG

Правьте контуры, слои, цвета и анимации в браузере, затем экспортируйте чистый SVG, PNG или код для фреймворков.

Введите запрос для поиска среди 76,166 векторных иконок...

Навигация | Enter чтобы открыть Все иконки

Сравнить

Источник и лицензия иконки

Лицензия Коммерческое использование Указание авторства Правка или перекраска
MITРазрешеноУведомление в сборкеРазрешено
ISCРазрешеноУведомление в сборкеРазрешено
Apache-2.0РазрешеноОбязательно с файлом уведомленияРазрешено
CC BY 4.0РазрешеноНужна атрибуцияРазрешено
CC-BY-SA-4.0РазрешеноСохранение условийСохранение условий
Trademark / BrandТолько справочное использованиеПравила владельцаОграничено

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