outline
1. Цвет
Оригинальные цвета иконки сохраняются, пока вы не выберете новый цвет.
2. Фон холста и преобразования
3. Живые векторные анимации
Включено в экспорт SVG
Heroicons
|
Пользовательский интерфейс
|
viewBox="0 0 24 24"
|
Бесплатно для коммерческого использования
Иконка SVG: H3
Источник, автор и лицензия видны в просмотре и в деталях иконки. H3 - Бесплатно для коммерческого и личного использования. Без Регистрации | 100% Обработка в Браузере
Мгновенная загрузка вектора и изображений высокого разрешения
Оригинальные цвета иконки сохраняются, пока вы не выберете новый цвет.
heroicons-24px-outline-h3.svg (722 B)
Быстрое копирование для разработчиков и UI фреймворков
Живой вывод кода
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" width="36" height="36" role="img" aria-label="H3 icon"><title>H3 - Heroicons icon</title><desc>Free H3 vector icon from the Heroicons open-source icon library; outline style, MIT licence, viewBox 0 0 24 24, 499 bytes.</desc> <path stroke-linecap="round" stroke-linejoin="round" d="M20.905 14.626a4.52 4.52 0 0 1 .738 3.603c-.154.695-.794 1.143-1.504 1.208a15.194 15.194 0 0 1-3.639-.104m4.405-4.707a4.52 4.52 0 0 0 .738-3.603c-.154-.696-.794-1.144-1.504-1.209a15.19 15.19 0 0 0-3.639.104m4.405 4.708H18M2.243 4.493v7.5m0 0v7.502m0-7.501h10.5m0-7.5v7.5m0 0v7.501"/> </svg>
Промпт ИИ и улучшение вектора
Хотите улучшить или изменить стиль этой иконки? H3
Создайте точный инженерный промпт или улучшите иконку на холсте прямо сейчас. H3
Генератор промптов полностью в браузере
Проверка источника и лицензии
LICENSE.txt
Library: Heroicons | Author: Tailwind Labs | License: MIT | Source: https://github.com/tailwindlabs/heroicons | Без Регистрации | 100% Обработка в Браузере
Ключевые слова
#heroicons
#24px
#outline
#h3
#interface
#hero
H3 - Технические характеристики вектора
Источник, автор и лицензия видны в просмотре и в деталях иконки. H3
| Канонический идентификатор файла | heroicons/heroicons-24px-outline-h3 |
|---|---|
| Исходный пакет библиотеки | Heroicons |
| Сетка координат и viewBox | viewBox="0 0 24 24" |
| Размер без сжатия | 722 bytes (~397 bytes gzipped) |
| Лицензия SPDX и коммерческое использование | MIT - Бесплатно для коммерческого использования |
| Upstream Source | https://github.com/tailwindlabs/heroicons |
| Поддерживаемые форматы экспорта | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| Гарантия безопасности и приватности | Без Регистрации | 100% Обработка в Браузере |
Как использовать и настроить эту иконку: H3
- Настройте визуально: Цвет, Авто (линия и заливка), Толщина линии (
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. Отражайте стрелки по горизонтали для языков справа налево.
heroicons-24px-outline-h3.svg aria-hidden="true" focusable="false"
Совпадения в других библиотеках ("H3")
Сравните иконку с другими открытыми векторными библиотеками.
Больше в Пользовательский интерфейс
Смотретьoutline
H3
IconPark|interfacebrand
H3
Authentic Brand Logos|brandsoutline
Collection Records
IconPark|interfaceoutline
Клод
Domain Icons|interfaceoutline
Flutter
Domain Icons|interfacesolid
Flag
Tabler Icons|interface
Single Click
Mouse|interface
Currency
Lucide|interface
Яйцо
MingCute Icons Fill|interface
Engine
MingCute Icons|interface
Helicopter
Tabler Icons|interface
Disc
Lucide|interface
Лицо
MingCute Icons|interface
Skip Backward Btn
Bootstrap Icons|interface
Cup
IconPark|interface
Automotive Fuel
Domain Icons|interface
Фильтр 3
MingCute Icons|interface
Flask
Phosphor Icons|interface
Flower Tulip
Phosphor Icons|interface
Layout Align Bottom
Tabler Icons|interface
Footprints
Phosphor Icons|interface
Forward
MingCute Icons Fill|interface
Content Ballot
Material Icons|interface
Подарок
MingCute Icons Fill|interfaceСмотреть ещё
Часто задаваемые вопросы
H3 - Часто задаваемые вопросы
Какая лицензия распространяется на H3? +
H3 происходит из Heroicons и распространяется по MIT. Указание авторства: Атрибуция обязательна.
В каких форматах можно скачать H3? +
H3 — вектор в стиле outline (viewBox 0 0 24 24). Скачайте SVG, PNG, WebP или ICO либо скопируйте код React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask или Base64 с этой страницы.
Откуда взялась иконка H3? +
H3 входит в библиотеку Heroicons от Tailwind Labs, в категории Пользовательский интерфейс. Полный текст лицензии находится в файле уведомления библиотеки, ссылка на который есть на этой странице.
100% Обработка в Браузере | 77 087 иконок
Редактор SVG
Правьте контуры, слои, цвета и анимации в браузере, затем экспортируйте чистый SVG, PNG или код для фреймворков.