outline
1. Цвет
Оригинальные цвета иконки сохраняются, пока вы не выберете новый цвет.
2. Фон холста и преобразования
3. Живые векторные анимации
Включено в экспорт SVG
Bootstrap Icons
|
Пользовательский интерфейс
|
viewBox="0 0 16 16"
|
Бесплатно для коммерческого использования
Иконка SVG: Булавка
Источник, автор и лицензия видны в просмотре и в деталях иконки. Булавка - Бесплатно для коммерческого и личного использования. Без Регистрации | 100% Обработка в Браузере
Мгновенная загрузка вектора и изображений высокого разрешения
Оригинальные цвета иконки сохраняются, пока вы не выберете новый цвет.
bootstrap-regular-pin.svg (1 079 B)
Быстрое копирование для разработчиков и UI фреймворков
Живой вывод кода
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-pin" viewBox="0 0 16 16" width="36" height="36" role="img" aria-label="Pin icon"><title>Pin - Bootstrap Icons icon</title><desc>Free Pin vector icon from the Bootstrap Icons open-source icon library; outline style, MIT licence, viewBox 0 0 16 16, 863 bytes.</desc> <path d="M4.146.146A.5.5 0 0 1 4.5 0h7a.5.5 0 0 1 .5.5c0 .68-.342 1.174-.646 1.479-.126.125-.25.224-.354.298v4.431l.078.048c.203.127.476.314.751.555C12.36 7.775 13 8.527 13 9.5a.5.5 0 0 1-.5.5h-4v4.5c0 .276-.224 1.5-.5 1.5s-.5-1.224-.5-1.5V10h-4a.5.5 0 0 1-.5-.5c0-.973.64-1.725 1.17-2.189A6 6 0 0 1 5 6.708V2.277a3 3 0 0 1-.354-.298C4.342 1.674 4 1.179 4 .5a.5.5 0 0 1 .146-.354m1.58 1.408-.002-.001zm-.002-.001.002.001A.5.5 0 0 1 6 2v5a.5.5 0 0 1-.276.447h-.002l-.012.007-.054.03a5 5 0 0 0-.827.58c-.318.278-.585.596-.725.936h7.792c-.14-.34-.407-.658-.725-.936a5 5 0 0 0-.881-.61l-.012-.006h-.002A.5.5 0 0 1 10 7V2a.5.5 0 0 1 .295-.458 1.8 1.8 0 0 0 .351-.271c.08-.08.155-.17.214-.271H5.14q.091.15.214.271a1.8 1.8 0 0 0 .37.282"/> </svg>
Промпт ИИ и улучшение вектора
Хотите улучшить или изменить стиль этой иконки? Булавка
Создайте точный инженерный промпт или улучшите иконку на холсте прямо сейчас. Булавка
Генератор промптов полностью в браузере
Проверка источника и лицензии
LICENSE.txt
Library: Bootstrap Icons | Author: The Bootstrap Authors | License: MIT | Source: https://github.com/twbs/icons | Без Регистрации | 100% Обработка в Браузере
Ключевые слова
#bootstrap
#regular
#pin
#interface
#outline
Булавка - Технические характеристики вектора
Источник, автор и лицензия видны в просмотре и в деталях иконки. Булавка
| Канонический идентификатор файла | bootstrap/bootstrap-regular-pin |
|---|---|
| Исходный пакет библиотеки | Bootstrap Icons |
| Сетка координат и viewBox | viewBox="0 0 16 16" |
| Размер без сжатия | 1 079 bytes (~593 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% Обработка в Браузере |
Как использовать и настроить эту иконку: Булавка
- Настройте визуально: Цвет, Авто (линия и заливка), Толщина линии (
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-pin.svg aria-hidden="true" focusable="false"
Совпадения в других библиотеках ("Булавка")
Сравните иконку с другими открытыми векторными библиотеками.
Больше в Пользовательский интерфейс
Смотретьoutline
Булавка
Open Iconic|interfaceoutline
Булавка
MingCute Icons|interfacesolid
Булавка
MingCute Icons Fill|interface3d
Булавка
3D Vector Icons|3d-iconsoutline
Булавка
IconPark|interfaceoutline
Anchor
Phosphor Icons|interface
Calculator
Phosphor Icons|interface
City
Phosphor Icons|interface
Railway
IconPark|interface
Rectangular Circular Connection
IconPark|interface
Social Architecture
Material Icons|interface
Fitness Shoe
Domain Icons|interface
Bread Off
Tabler Icons|interface
Browser Maximize
Tabler Icons|interface
Social Sanitizer
Material Icons|interface
Social Snowshoeing
Material Icons|interface
Food Chef
Domain Icons|interface
Cap
Tabler Icons|interface
Games Controller
Domain Icons|interface
Agents
Fluent UI Color|interface
Close Square
Ant Design TwoTone|interface
Сигнал
MingCute Icons Fill|interface
Align Vertical Space Around
Lucide|interface
Cursor Club Trefoil
Mouse|interfaceСмотреть ещё
Часто задаваемые вопросы
Булавка - Часто задаваемые вопросы
Какая лицензия распространяется на Булавка? +
Булавка происходит из Bootstrap Icons и распространяется по MIT. Указание авторства: Атрибуция обязательна.
В каких форматах можно скачать Булавка? +
Булавка — вектор в стиле outline (viewBox 0 0 16 16). Скачайте SVG, PNG, WebP или ICO либо скопируйте код React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask или Base64 с этой страницы.
Откуда взялась иконка Булавка? +
Булавка входит в библиотеку Bootstrap Icons от The Bootstrap Authors, в категории Пользовательский интерфейс. Полный текст лицензии находится в файле уведомления библиотеки, ссылка на который есть на этой странице.
100% Обработка в Браузере | 77 087 иконок
Редактор SVG
Правьте контуры, слои, цвета и анимации в браузере, затем экспортируйте чистый SVG, PNG или код для фреймворков.