outline
1. Cor
As cores originais do ícone são mantidas até você escolher uma nova cor.
2. Fundo da tela e transformações
3. Presets de animação vetorial ao vivo
Incluido na exportação SVG
Ícone SVG de Lifebuoy
Fonte, autor e licença aparecem na previa e nos detalhes do ícone. Lifebuoy - Grátis para uso comercial e pessoal. Sem Cadastro | 100% no Seu Navegador
Downloads instantaneos vetoriais e de alta resolucao
As cores originais do ícone são mantidas até você escolher uma nova cor.
Pacote com créditos
heroicons-24px-solid-lifebuoy.svg (1.443 B)
Copia rapida para desenvolvedores e frameworks de UI
Saida de código ao vivo
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" width="36" height="36" role="img" aria-label="Lifebuoy icon"><title>Lifebuoy - Heroicons icon</title><desc>Free Lifebuoy vector icon from the Heroicons open-source icon library; solid style, MIT licence, viewBox 0 0 24 24, 1203 bytes.</desc> <path fill-rule="evenodd" d="M19.449 8.448 16.388 11a4.52 4.52 0 0 1 0 2.002l3.061 2.55a8.275 8.275 0 0 0 0-7.103ZM15.552 19.45 13 16.388a4.52 4.52 0 0 1-2.002 0l-2.55 3.061a8.275 8.275 0 0 0 7.103 0ZM4.55 15.552 7.612 13a4.52 4.52 0 0 1 0-2.002L4.551 8.45a8.275 8.275 0 0 0 0 7.103ZM8.448 4.55 11 7.612a4.52 4.52 0 0 1 2.002 0l2.55-3.061a8.275 8.275 0 0 0-7.103 0Zm8.657-.86a9.776 9.776 0 0 1 1.79 1.415 9.776 9.776 0 0 1 1.414 1.788 9.764 9.764 0 0 1 0 10.211 9.777 9.777 0 0 1-1.415 1.79 9.777 9.777 0 0 1-1.788 1.414 9.764 9.764 0 0 1-10.212 0 9.776 9.776 0 0 1-1.788-1.415 9.776 9.776 0 0 1-1.415-1.788 9.764 9.764 0 0 1 0-10.212 9.774 9.774 0 0 1 1.415-1.788A9.774 9.774 0 0 1 6.894 3.69a9.764 9.764 0 0 1 10.211 0ZM14.121 9.88a2.985 2.985 0 0 0-1.11-.704 3.015 3.015 0 0 0-2.022 0 2.985 2.985 0 0 0-1.11.704c-.326.325-.56.705-.704 1.11a3.015 3.015 0 0 0 0 2.022c.144.405.378.785.704 1.11.325.326.705.56 1.11.704.652.233 1.37.233 2.022 0a2.985 2.985 0 0 0 1.11-.704c.326-.325.56-.705.704-1.11a3.016 3.016 0 0 0 0-2.022 2.985 2.985 0 0 0-.704-1.11Z" clip-rule="evenodd"/> </svg>
Prompt de IA e melhoria vetorial
Quer melhorar ou mudar o estilo deste ícone? Lifebuoy
Gere um prompt de engenharia preciso ou melhore o ícone na tela agora mesmo. Lifebuoy
Gerador de prompts 100% no navegador
Verificação de fonte e licença
LICENSE.txt
Library: Heroicons | Author: Tailwind Labs | License: MIT | Source: https://github.com/tailwindlabs/heroicons | Sem Cadastro | 100% no Seu Navegador
Palavras-chave
#heroicons
#24px
#solid
#lifebuoy
#interface
#hero
Lifebuoy - Especificações técnicas do vetor
Fonte, autor e licença aparecem na previa e nos detalhes do ícone. Lifebuoy
| Identificador canonico do arquivo | heroicons/heroicons-24px-solid-lifebuoy |
|---|---|
| Pacote da biblioteca de origem | Heroicons |
| Grade de coordenadas e viewBox | viewBox="0 0 24 24" |
| Peso sem compressão | 1.443 bytes (~794 bytes gzipped) |
| Licença SPDX e uso comercial | MIT - Grátis para uso comercial |
| Upstream Source | https://github.com/tailwindlabs/heroicons |
| Formatos de exportação aceitos | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| Garantia de segurança e privacidade | Sem Cadastro | 100% no Seu Navegador |
Como usar e personalizar este ícone: Lifebuoy
- Personalize visualmente: Cor, Automatico (traço e preenchimento), Espessura do traço (
0.5px-4px), Presets de animação vetorial ao vivo - Baixe o vetor ou a imagem: Descarregar SVG, PNG (transparente), WebP (otimizado) (
2048x2048 px) - Copie o código do framework: Copie código pronto para React, Next.js, Vue 3, Svelte, Angular, HTML e mascaras CSS.
- Edição vetorial avancada: Editar no editor SVG (77.087)
Dica de acessibilidade (WCAG 2.1): Oculte ícones decorativos com aria-hidden e focusable false. De um aria-label claro para botoes com apenas ícone. Espelhe setas na horizontal para idiomas da direita para a esquerda.
heroicons-24px-solid-lifebuoy.svg aria-hidden="true" focusable="false"
Correspondencias em outras bibliotecas ("Lifebuoy")
Compare este ícone com outras bibliotecas vetoriais de código aberto.
Mais em Interface de utilizador (UI/UX)
Exploraroutline
Lifebuoy
MingCute Icons|interfacesolid
Lifebuoy
MingCute Icons Fill|interfaceoutline
Lifebuoy
IconPark|interfaceduotone
Lifebuoy
Phosphor Icons|interfaceoutline
Map
Lucide|interfacesolid
Zoom Exclamation
Tabler Icons|interface
A B
Tabler Icons|interface
tinta
MingCute Icons|interface
Editor Polyline
Material Icons|interface
Editor Short Text
Material Icons|interface
Minimize
Lucide|interface
Communications Link
Domain Icons|interface
telefone
MingCute Icons|interface
Glove
IconPark|interface
Playlist
MingCute Icons Fill|interface
Ppt
MingCute Icons Fill|interface
Dice
Bootstrap Icons|interface
Seal Check
Phosphor Icons|interface
Hardware Headset Off
Material Icons|interface
Handle C
IconPark|interface
Construction Blueprint
Domain Icons|interface
Construction Brick
Domain Icons|interface
Exclamation
Bootstrap Icons|interface
Pilcrow
Lucide|interfaceExplorar mais
Perguntas frequentes
Lifebuoy - Perguntas frequentes
Que licença cobre Lifebuoy? +
Lifebuoy vem de Heroicons e está coberto por MIT. Atribuição: Credito obrigatorio.
Em que formatos posso baixar Lifebuoy? +
Lifebuoy é um vetor de estilo solid (viewBox 0 0 24 24). Baixe SVG, PNG, WebP ou ICO, ou copie código React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask ou Base64 nesta página.
De onde vem o ícone Lifebuoy? +
Lifebuoy faz parte da biblioteca Heroicons de Tailwind Labs, na categoria Interface de utilizador (UI/UX). O texto completo da licença está no arquivo de aviso da biblioteca vinculado nesta página.
100% no Seu Navegador | 77.087 ícones
Editor SVG
Edite caminhos, camadas, cores e animações no navegador e exporte SVG limpo, PNG ou código de framework.