solid
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 5 Circle
Fonte, autor e licença aparecem na previa e nos detalhes do ícone. 5 Circle - 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.
bootstrap-filled-5-circle-fill.svg (724 B)
Copia rapida para desenvolvedores e frameworks de UI
Saida de código ao vivo
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-5-circle-fill" viewBox="0 0 16 16" width="36" height="36" role="img" aria-label="5 Circle icon"><title>5 Circle - Bootstrap Icons icon</title><desc>Free 5 Circle vector icon from the Bootstrap Icons open-source icon library; solid style, MIT licence, viewBox 0 0 16 16, 495 bytes.</desc> <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-8.006 4.158c1.74 0 2.924-1.119 2.924-2.806 0-1.641-1.178-2.584-2.56-2.584-.897 0-1.442.421-1.612.68h-.064l.193-2.344h3.621V4.002H5.791L5.445 8.63h1.149c.193-.358.668-.809 1.435-.809.85 0 1.582.604 1.582 1.57 0 1.085-.779 1.682-1.57 1.682-.697 0-1.389-.31-1.53-1.031H5.276c.065 1.213 1.149 2.115 2.72 2.115Z"/> </svg>
Prompt de IA e melhoria vetorial
Quer melhorar ou mudar o estilo deste ícone? 5 Circle
Gere um prompt de engenharia preciso ou melhore o ícone na tela agora mesmo. 5 Circle
Gerador de prompts 100% no navegador
Verificação de fonte e licença
LICENSE.txt
Library: Bootstrap Icons | Author: The Bootstrap Authors | License: MIT | Source: https://github.com/twbs/icons | Sem Cadastro | 100% no Seu Navegador
Palavras-chave
#bootstrap
#filled
#circle
#fill
#interface
#solid
5 Circle - Especificações técnicas do vetor
Fonte, autor e licença aparecem na previa e nos detalhes do ícone. 5 Circle
| Identificador canonico do arquivo | bootstrap/bootstrap-filled-5-circle-fill |
|---|---|
| Pacote da biblioteca de origem | Bootstrap Icons |
| Grade de coordenadas e viewBox | viewBox="0 0 16 16" |
| Peso sem compressão | 724 bytes (~398 bytes gzipped) |
| Licença SPDX e uso comercial | MIT - Grátis para uso comercial |
| Upstream Source | https://github.com/twbs/icons |
| 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: 5 Circle
- 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.
bootstrap-filled-5-circle-fill.svg aria-hidden="true" focusable="false"
Mais em Interface de utilizador (UI/UX)
Explorarsolid
Skip Forward Circle
Phosphor Icons|interfacesolid
Circle Letter S
Tabler Icons|interfacesolid
layout 6
MingCute Icons Fill|interfaceoutline
Marker Circle
Phosphor Icons|interfacesolid
Device Ssid Chart
Material Icons|interface
Middle Finger
MingCute Icons Fill|interface
Editor Candlestick Chart
Material Icons|interface
Circle Letter Z
Tabler Icons|interface
Editor Insert Invitation
Material Icons|interface
Panoramas
MingCute Icons Fill|interface
Skip Back Circle
Phosphor Icons|interface
Blockchain Ledger
Domain Icons|interface
Lifebuoy
MingCute Icons|interface
Land Plot
Lucide|interface
Loading
MingCute Icons|interface
Leaf
Lucide|interface
Mark Pen
MingCute Icons|interface
Bars
Heroicons|interface
Communications Antenna
Domain Icons|interface
Communications Link
Domain Icons|interface
GitHub
IconPark|interface
Option
Lucide|interface
Handle
IconPark|interfaceExplorar mais
Perguntas frequentes
5 Circle - Perguntas frequentes
Que licença cobre 5 Circle? +
5 Circle vem de Bootstrap Icons e está coberto por MIT. Atribuição: Credito obrigatorio.
Em que formatos posso baixar 5 Circle? +
5 Circle é um vetor de estilo solid (viewBox 0 0 16 16). 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 5 Circle? +
5 Circle faz parte da biblioteca Bootstrap Icons de The Bootstrap Authors, 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.