outline
1. Цвет
Оригинальные цвета иконки сохраняются, пока вы не выберете новый цвет.
2. Фон холста и преобразования
3. Живые векторные анимации
Включено в экспорт SVG
Bootstrap Icons
|
Пользовательский интерфейс
|
viewBox="0 0 16 16"
|
Бесплатно для коммерческого использования
Иконка SVG: 9 Circle
Источник, автор и лицензия видны в просмотре и в деталях иконки. 9 Circle - Бесплатно для коммерческого и личного использования. Без Регистрации | 100% Обработка в Браузере
Мгновенная загрузка вектора и изображений высокого разрешения
Оригинальные цвета иконки сохраняются, пока вы не выберете новый цвет.
bootstrap-regular-9-circle.svg (828 B)
Быстрое копирование для разработчиков и UI фреймворков
Живой вывод кода
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-9-circle" viewBox="0 0 16 16" width="36" height="36" role="img" aria-label="9 Circle icon"><title>9 Circle - Bootstrap Icons icon</title><desc>Free 9 Circle vector icon from the Bootstrap Icons open-source icon library; outline style, MIT licence, viewBox 0 0 16 16, 597 bytes.</desc> <path d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8m15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-8.223 4.146c-1.593 0-2.425-.89-2.52-1.798h1.296c.1.357.539.72 1.248.72 1.36 0 1.88-1.353 1.834-3.023h-.076c-.235.627-.873 1.184-1.934 1.184-1.395 0-2.566-.961-2.566-2.666 0-1.711 1.242-2.731 2.87-2.731 1.512 0 2.971.867 2.971 4.014 0 2.836-1.02 4.3-3.123 4.3m.118-3.972c.808 0 1.535-.528 1.535-1.594s-.668-1.676-1.56-1.676c-.838 0-1.517.616-1.517 1.659 0 1.072.708 1.61 1.54 1.61Z"/> </svg>
Промпт ИИ и улучшение вектора
Хотите улучшить или изменить стиль этой иконки? 9 Circle
Создайте точный инженерный промпт или улучшите иконку на холсте прямо сейчас. 9 Circle
Генератор промптов полностью в браузере
Проверка источника и лицензии
LICENSE.txt
Library: Bootstrap Icons | Author: The Bootstrap Authors | License: MIT | Source: https://github.com/twbs/icons | Без Регистрации | 100% Обработка в Браузере
Ключевые слова
#bootstrap
#regular
#circle
#interface
#outline
9 Circle - Технические характеристики вектора
Источник, автор и лицензия видны в просмотре и в деталях иконки. 9 Circle
| Канонический идентификатор файла | bootstrap/bootstrap-regular-9-circle |
|---|---|
| Исходный пакет библиотеки | Bootstrap Icons |
| Сетка координат и viewBox | viewBox="0 0 16 16" |
| Размер без сжатия | 828 bytes (~455 bytes gzipped) |
| Лицензия SPDX и коммерческое использование | MIT - Бесплатно для коммерческого использования |
| Upstream Source | https://github.com/twbs/icons |
| Поддерживаемые форматы экспорта | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| Гарантия безопасности и приватности | Без Регистрации | 100% Обработка в Браузере |
Как использовать и настроить эту иконку: 9 Circle
- Настройте визуально: Цвет, Авто (линия и заливка), Толщина линии (
0.5px-4px), Живые векторные анимации - Скачайте вектор или картинку: Скачать SVG, PNG (прозрачный), WebP (оптимизированный) (
2048x2048 px) - Скопируйте код для фреймворка: Копируйте готовый код для React, Next.js, Vue 3, Svelte, Angular, HTML и CSS масок.
- Глубокая векторная правка: Править в SVG редакторе (77 087)
Совет по доступности (WCAG 2.1): Скрывайте декоративные значки через aria-hidden и focusable false. Давайте кнопкам без текста понятный aria-label. Отражайте стрелки по горизонтали для языков справа налево.
bootstrap-regular-9-circle.svg aria-hidden="true" focusable="false"
Больше в Пользовательский интерфейс
Смотретьoutline
Circle Dashed Letter T
Tabler Icons|interfaceduotone
Number Circle Nine
Phosphor Icons|interfaceoutline
Address Book
Phosphor Icons|interfaceoutline
Circle Fading Plus
Lucide|interfaceoutline
Circle Slash
Lucide|interface
Minus Circle Dash
MingCute Icons Fill|interface
Circle Letter N
Tabler Icons|interface
Arrows Split
Phosphor Icons|interface
Triumphal Arch
MingCute Icons|interface
Mask One
IconPark|interface
Unarchive
MingCute Icons|interface
Energy Power
Domain Icons|interface
Square Pause
Lucide|interface
Vector Bezier
MingCute Icons|interface
Maps Mosque
Material Icons|interface
Events Stage
Domain Icons|interface
Maps Rate Review
Material Icons|interface
Events Ticket
Domain Icons|interface
Maps Traffic
Material Icons|interface
Pad
IconPark|interface
Parallelogram
IconPark|interface
Appstore
Ant Design TwoTone|interface
Aperture
Open Iconic|interfaceСмотреть ещё
Часто задаваемые вопросы
9 Circle - Часто задаваемые вопросы
Какая лицензия распространяется на 9 Circle? +
9 Circle происходит из Bootstrap Icons и распространяется по MIT. Указание авторства: Атрибуция обязательна.
В каких форматах можно скачать 9 Circle? +
9 Circle — вектор в стиле outline (viewBox 0 0 16 16). Скачайте SVG, PNG, WebP или ICO либо скопируйте код React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask или Base64 с этой страницы.
Откуда взялась иконка 9 Circle? +
9 Circle входит в библиотеку Bootstrap Icons от The Bootstrap Authors, в категории Пользовательский интерфейс. Полный текст лицензии находится в файле уведомления библиотеки, ссылка на который есть на этой странице.
100% Обработка в Браузере | 77 087 иконок
Редактор SVG
Правьте контуры, слои, цвета и анимации в браузере, затем экспортируйте чистый SVG, PNG или код для фреймворков.