outline
1. Цвет
Оригинальные цвета иконки сохраняются, пока вы не выберете новый цвет.
2. Фон холста и преобразования
3. Живые векторные анимации
Включено в экспорт SVG
IconPark
|
Пользовательский интерфейс
|
viewBox="0 0 48 48"
|
Бесплатно для коммерческого использования
Иконка SVG: Lifebuoy
Источник, автор и лицензия видны в просмотре и в деталях иконки. Lifebuoy - Бесплатно для коммерческого и личного использования. Без Регистрации | 100% Обработка в Браузере
Мгновенная загрузка вектора и изображений высокого разрешения
Оригинальные цвета иконки сохраняются, пока вы не выберете новый цвет.
lifebuoy.svg (1 656 B)
Быстрое копирование для разработчиков и UI фреймворков
Живой вывод кода
<svg viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" width="36" height="36" role="img" aria-label="Lifebuoy icon"><title>Lifebuoy - IconPark icon</title><desc>Free Lifebuoy vector icon from the IconPark open-source icon library; outline style, Apache-2.0 licence, viewBox 0 0 48 48, 1431 bytes.</desc> <path fill-rule="evenodd" clip-rule="evenodd" d="M38.1421 38.1421C45.9526 30.3316 45.9526 17.6684 38.1421 9.85786C30.3316 2.04738 17.6684 2.04738 9.85786 9.85786C2.04738 17.6684 2.04738 30.3316 9.85786 38.1421C17.6684 45.9526 30.3316 45.9526 38.1421 38.1421ZM32.4853 15.5147C37.1716 20.201 37.1716 27.799 32.4853 32.4853C27.799 37.1716 20.201 37.1716 15.5147 32.4853C10.8284 27.799 10.8284 20.201 15.5147 15.5147C20.201 10.8284 27.799 10.8284 32.4853 15.5147Z" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <path d="M38.142 38.1421L32.4851 32.4852" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9.85791 38.1421L15.5148 32.4852" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9.85791 9.85791L15.5148 15.5148" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <path d="M38.142 9.85791L32.4851 15.5148" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <path d="M32.4853 32.4853C37.1716 27.799 37.1716 20.201 32.4853 15.5147C27.799 10.8284 20.201 10.8284 15.5147 15.5147C10.8284 20.201 10.8284 27.799 15.5147 32.4853C20.201 37.1716 27.799 37.1716 32.4853 32.4853Z" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> </svg>
Промпт ИИ и улучшение вектора
Хотите улучшить или изменить стиль этой иконки? Lifebuoy
Создайте точный инженерный промпт или улучшите иконку на холсте прямо сейчас. Lifebuoy
Генератор промптов полностью в браузере
Проверка источника и лицензии
LICENSE.txt
Library: IconPark | Author: ByteDance Inc. | License: Apache-2.0 | Source: https://github.com/bytedance/IconPark | Без Регистрации | 100% Обработка в Браузере
Ключевые слова
#lifebuoy
#iconpark
#interface
#outline
Lifebuoy - Технические характеристики вектора
Источник, автор и лицензия видны в просмотре и в деталях иконки. Lifebuoy
| Канонический идентификатор файла | iconpark/lifebuoy |
|---|---|
| Исходный пакет библиотеки | IconPark |
| Сетка координат и viewBox | viewBox="0 0 48 48" |
| Размер без сжатия | 1 656 bytes (~911 bytes gzipped) |
| Лицензия SPDX и коммерческое использование | Apache-2.0 - Бесплатно для коммерческого использования |
| Upstream Source | https://github.com/bytedance/IconPark |
| Поддерживаемые форматы экспорта | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| Гарантия безопасности и приватности | Без Регистрации | 100% Обработка в Браузере |
Как использовать и настроить эту иконку: Lifebuoy
- Настройте визуально: Цвет, Авто (линия и заливка), Толщина линии (
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. Отражайте стрелки по горизонтали для языков справа налево.
lifebuoy.svg aria-hidden="true" focusable="false"
Совпадения в других библиотеках ("Lifebuoy")
Сравните иконку с другими открытыми векторными библиотеками.
Больше в Пользовательский интерфейс
Смотретьoutline
Lifebuoy
MingCute Icons|interfacesolid
Lifebuoy
MingCute Icons Fill|interfaceoutline
Rewind Circle
Bootstrap Icons|interfaceoutline
User
Lucide|interfaceoutline
Fashion Needle
Domain Icons|interfaceoutline
Fashion Shirt
Domain Icons|interface
Champagne
Phosphor Icons|interface
Places All Inclusive
Material Icons|interface
Places Checkroom
Material Icons|interface
Stickies
Bootstrap Icons|interface
Suit Spade
Bootstrap Icons|interface
Places Water Damage
Material Icons|interface
Ear
Phosphor Icons|interface
Fitness Timer
Domain Icons|interface
Browser Off
Tabler Icons|interface
Frame Corners
Phosphor Icons|interface
Certificate 2 Off
Tabler Icons|interface
Circle Dashed Letter R
Tabler Icons|interface
Ad Circle
MingCute Icons|interface
Approvals App
Fluent UI Color|interface
Control
Ant Design TwoTone|interface
глаз
Bytesize Icons|interface
Arrows Right Left
Heroicons|interface
Circle Check
Open Iconic|interfaceСмотреть ещё
Часто задаваемые вопросы
Lifebuoy - Часто задаваемые вопросы
Какая лицензия распространяется на Lifebuoy? +
Lifebuoy происходит из IconPark и распространяется по Apache-2.0. Указание авторства: Атрибуция обязательна.
В каких форматах можно скачать Lifebuoy? +
Lifebuoy — вектор в стиле outline (viewBox 0 0 48 48). Скачайте SVG, PNG, WebP или ICO либо скопируйте код React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask или Base64 с этой страницы.
Откуда взялась иконка Lifebuoy? +
Lifebuoy входит в библиотеку IconPark от ByteDance Inc., в категории Пользовательский интерфейс. Полный текст лицензии находится в файле уведомления библиотеки, ссылка на который есть на этой странице.
100% Обработка в Браузере | 77 087 иконок
Редактор SVG
Правьте контуры, слои, цвета и анимации в браузере, затем экспортируйте чистый SVG, PNG или код для фреймворков.