outline
1. Цвет
Оригинальные цвета иконки сохраняются, пока вы не выберете новый цвет.
2. Фон холста и преобразования
3. Живые векторные анимации
Включено в экспорт SVG
Phosphor Icons
|
Пользовательский интерфейс
|
viewBox="0 0 256 256"
|
Бесплатно для коммерческого использования
Иконка SVG: Bounding Box
Источник, автор и лицензия видны в просмотре и в деталях иконки. Bounding Box - Бесплатно для коммерческого и личного использования. Без Регистрации | 100% Обработка в Браузере
Мгновенная загрузка вектора и изображений высокого разрешения
Оригинальные цвета иконки сохраняются, пока вы не выберете новый цвет.
phosphor-regular-bounding-box.svg (875 B)
Быстрое копирование для разработчиков и UI фреймворков
Живой вывод кода
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" width="36" height="36" role="img" aria-label="Bounding Box icon"><title>Bounding Box - Phosphor Icons icon</title><desc>Free Bounding Box vector icon from the Phosphor Icons open-source icon library; outline style, MIT licence, viewBox 0 0 256 256, 609 bytes.</desc><path d="M208,96a16,16,0,0,0,16-16V48a16,16,0,0,0-16-16H176a16,16,0,0,0-16,16v8H96V48A16,16,0,0,0,80,32H48A16,16,0,0,0,32,48V80A16,16,0,0,0,48,96h8v64H48a16,16,0,0,0-16,16v32a16,16,0,0,0,16,16H80a16,16,0,0,0,16-16v-8h64v8a16,16,0,0,0,16,16h32a16,16,0,0,0,16-16V176a16,16,0,0,0-16-16h-8V96ZM176,48h32V80H176ZM48,48H80V63.9a.51.51,0,0,0,0,.2V80H48ZM80,208H48V176H80v15.9a.51.51,0,0,0,0,.2V208Zm128,0H176V176h32Zm-24-48h-8a16,16,0,0,0-16,16v8H96v-8a16,16,0,0,0-16-16H72V96h8A16,16,0,0,0,96,80V72h64v8a16,16,0,0,0,16,16h8Z"/></svg>
Промпт ИИ и улучшение вектора
Хотите улучшить или изменить стиль этой иконки? Bounding Box
Создайте точный инженерный промпт или улучшите иконку на холсте прямо сейчас. Bounding Box
Генератор промптов полностью в браузере
Проверка источника и лицензии
LICENSE.txt
Library: Phosphor Icons | Author: Helena Zhang & Toby Fried | License: MIT | Source: https://github.com/phosphor-icons/core | Без Регистрации | 100% Обработка в Браузере
Ключевые слова
#phosphor
#regular
#bounding
#box
#interface
#outline
Bounding Box - Технические характеристики вектора
Источник, автор и лицензия видны в просмотре и в деталях иконки. Bounding Box
| Канонический идентификатор файла | phosphor/phosphor-regular-bounding-box |
|---|---|
| Исходный пакет библиотеки | Phosphor Icons |
| Сетка координат и viewBox | viewBox="0 0 256 256" |
| Размер без сжатия | 875 bytes (~481 bytes gzipped) |
| Лицензия SPDX и коммерческое использование | MIT - Бесплатно для коммерческого использования |
| Upstream Source | https://github.com/phosphor-icons/core |
| Поддерживаемые форматы экспорта | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| Гарантия безопасности и приватности | Без Регистрации | 100% Обработка в Браузере |
Как использовать и настроить эту иконку: Bounding Box
- Настройте визуально: Цвет, Авто (линия и заливка), Толщина линии (
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. Отражайте стрелки по горизонтали для языков справа налево.
phosphor-regular-bounding-box.svg aria-hidden="true" focusable="false"
Больше в Пользовательский интерфейс
Смотретьoutline
Amazon
Bootstrap Icons|interfaceoutline
Box Multiple
Tabler Icons|interfaceoutline
Toggle Check Box
Material Icons|interfaceoutline
At
Bootstrap Icons|interfaceoutline
Accessibility Ear
Domain Icons|interface
Сигнал
MingCute Icons Fill|interface
Align Vertical Space Around
Lucide|interface
Cursor Club Trefoil
Mouse|interface
Редактировать
Ant Design TwoTone|interface
Чат
Open Iconic|interface
Accessibility Hand
Domain Icons|interface
Bars
Heroicons|interface
Align Text Middle
IconPark|interface
Align Top
IconPark|interface
Отправить
Bytesize Icons|interface
Left Square
Ant Design TwoTone|interface
Accessibility Sign
Domain Icons|interface
Глаз
Open Iconic|interface
Barrier Block
Tabler Icons|interface
Action Done All
Material Icons|interface
Badge Russian Ruble
Lucide|interface
Basket
MingCute Icons Fill|interface
Action Event
Material Icons|interfaceСмотреть ещё
Часто задаваемые вопросы
Bounding Box - Часто задаваемые вопросы
Какая лицензия распространяется на Bounding Box? +
Bounding Box происходит из Phosphor Icons и распространяется по MIT. Указание авторства: Атрибуция обязательна.
В каких форматах можно скачать Bounding Box? +
Bounding Box — вектор в стиле outline (viewBox 0 0 256 256). Скачайте SVG, PNG, WebP или ICO либо скопируйте код React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask или Base64 с этой страницы.
Откуда взялась иконка Bounding Box? +
Bounding Box входит в библиотеку Phosphor Icons от Helena Zhang & Toby Fried, в категории Пользовательский интерфейс. Полный текст лицензии находится в файле уведомления библиотеки, ссылка на который есть на этой странице.
100% Обработка в Браузере | 77 087 иконок
Редактор SVG
Правьте контуры, слои, цвета и анимации в браузере, затем экспортируйте чистый SVG, PNG или код для фреймворков.