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 sino
Fonte, autor e licença aparecem na previa e nos detalhes do ícone. sino - 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.
heroicons-24px-solid-bell.svg (693 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="Bell icon"><title>Bell - Heroicons icon</title><desc>Free Bell vector icon from the Heroicons open-source icon library; solid style, MIT licence, viewBox 0 0 24 24, 466 bytes.</desc> <path fill-rule="evenodd" d="M5.25 9a6.75 6.75 0 0 1 13.5 0v.75c0 2.123.8 4.057 2.118 5.52a.75.75 0 0 1-.297 1.206c-1.544.57-3.16.99-4.831 1.243a3.75 3.75 0 1 1-7.48 0 24.585 24.585 0 0 1-4.831-1.244.75.75 0 0 1-.298-1.205A8.217 8.217 0 0 0 5.25 9.75V9Zm4.502 8.9a2.25 2.25 0 1 0 4.496 0 25.057 25.057 0 0 1-4.496 0Z" clip-rule="evenodd"/> </svg>
Prompt de IA e melhoria vetorial
Quer melhorar ou mudar o estilo deste ícone? sino
Gere um prompt de engenharia preciso ou melhore o ícone na tela agora mesmo. sino
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
#bell
#interface
#hero
sino - Especificações técnicas do vetor
Fonte, autor e licença aparecem na previa e nos detalhes do ícone. sino
| Identificador canonico do arquivo | heroicons/heroicons-24px-solid-bell |
|---|---|
| Pacote da biblioteca de origem | Heroicons |
| Grade de coordenadas e viewBox | viewBox="0 0 24 24" |
| Peso sem compressão | 693 bytes (~381 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: sino
- 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 (76.166)
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-bell.svg aria-hidden="true" focusable="false"
Correspondencias em outras bibliotecas ("sino")
Compare este ícone com outras bibliotecas vetoriais de código aberto.
Mais em Interface de utilizador (UI/UX)
Exploraroutline
sino
Bytesize Icons|interfaceoutline
sino
Open Iconic|interface3d
sino
3D Vector Icons|3d-iconsoutline
Action Perm Device Information
Material Icons|interfaceoutline
árvore
IconPark|interfaceoutline
Turkey
IconPark|interface
Action Search Off
Material Icons|interface
Number Three
Phosphor Icons|interface
Upside Down Face
IconPark|interface
Clock Heart
Tabler Icons|interface
Playlist
Phosphor Icons|interface
Action Width Normal
Material Icons|interface
Column Insert Left
Tabler Icons|interface
Hospitality Table
Domain Icons|interface
Legal Gavel
Domain Icons|interface
Legal Handshake
Domain Icons|interface
Stack Plus
Phosphor Icons|interface
Deaf
Tabler Icons|interface
banco
Ant Design TwoTone|interface
Americanexpress
SVG Icons Collection|interface
Air Condition
MingCute Icons|interface
Bot
Fluent UI Color|interface
bebê
SVG Icons Collection|interface
Align Left
MingCute Icons Fill|interfaceExplorar mais
Perguntas frequentes
sino - Perguntas frequentes
Que licença cobre sino? +
sino vem de Heroicons e está coberto por MIT. Atribuição: Credito obrigatorio.
Em que formatos posso baixar sino? +
sino é 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 sino? +
sino 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 | 76.166 ícones
Editor SVG
Edite caminhos, camadas, cores e animações no navegador e exporte SVG limpo, PNG ou código de framework.