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 Calendar Heart
Fonte, autor e licença aparecem na previa e nos detalhes do ícone. Calendar Heart - 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-regular-calendar-heart.svg (651 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-calendar-heart" viewBox="0 0 16 16" width="36" height="36" role="img" aria-label="Calendar Heart icon"><title>Calendar Heart - Bootstrap Icons icon</title><desc>Free Calendar Heart vector icon from the Bootstrap Icons open-source icon library; outline style, MIT licence, viewBox 0 0 16 16, 402 bytes.</desc> <path fill-rule="evenodd" d="M4 .5a.5.5 0 0 0-1 0V1H2a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2h-1V.5a.5.5 0 0 0-1 0V1H4zM1 14V4h14v10a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1m7-6.507c1.664-1.711 5.825 1.283 0 5.132-5.825-3.85-1.664-6.843 0-5.132"/> </svg>
Prompt de IA e melhoria vetorial
Quer melhorar ou mudar o estilo deste ícone? Calendar Heart
Gere um prompt de engenharia preciso ou melhore o ícone na tela agora mesmo. Calendar Heart
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
#regular
#calendar
#heart
#interface
#outline
Calendar Heart - Especificações técnicas do vetor
Fonte, autor e licença aparecem na previa e nos detalhes do ícone. Calendar Heart
| Identificador canonico do arquivo | bootstrap/bootstrap-regular-calendar-heart |
|---|---|
| Pacote da biblioteca de origem | Bootstrap Icons |
| Grade de coordenadas e viewBox | viewBox="0 0 16 16" |
| Peso sem compressão | 651 bytes (~358 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: Calendar Heart
- 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-regular-calendar-heart.svg aria-hidden="true" focusable="false"
Correspondencias em outras bibliotecas ("Calendar Heart")
Compare este ícone com outras bibliotecas vetoriais de código aberto.
Mais em Interface de utilizador (UI/UX)
Exploraroutline
Calendar Heart
SVG Icons Collection|interface3d
Calendar Heart
3D Vector Icons|3d-iconsoutline
Events Calendar
Domain Icons|interfaceoutline
Calendar Due
Tabler Icons|interfaceoutline
Device Watch Heart
Tabler Icons|interfaceoutline
Airplane Tilt
Phosphor Icons|interface
Arrows Counter Clockwise
Phosphor Icons|interface
Action Calendar View Day
Material Icons|interface
Calendar Fold
Lucide|interface
Article
Phosphor Icons|interface
Report
MingCute Icons|interface
Rewind Backward Square
MingCute Icons Fill|interface
QR Code
Heroicons|interface
Route
MingCute Icons|interface
Construction Drill
Domain Icons|interface
Homestay
IconPark|interface
Seat
MingCute Icons|interface
Shuffle
MingCute Icons Fill|interface
Arrows Diff
Tabler Icons|interface
Education Bulb
Domain Icons|interface
Scan Search
Lucide|interface
Screen Share
Lucide|interface
T Shirt
MingCute Icons Fill|interface
List View
IconPark|interfaceExplorar mais
Perguntas frequentes
Calendar Heart - Perguntas frequentes
Que licença cobre Calendar Heart? +
Calendar Heart vem de Bootstrap Icons e está coberto por MIT. Atribuição: Credito obrigatorio.
Em que formatos posso baixar Calendar Heart? +
Calendar Heart é um vetor de estilo outline (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 Calendar Heart? +
Calendar Heart 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.