outline
1. Couleur
Les couleurs d’origine de l’icône sont conservées jusqu’à ce que vous choisissiez une nouvelle couleur.
2. Fond du canevas et transformations
3. Préréglages d’animation vectorielle en direct
Inclus dans l’export SVG
Icône SVG calendrier
La source, l’auteur et la licence sont visibles dans l’aperçu et le détail de l’icône. calendrier - Gratuit pour usage commercial et personnel. Sans Inscription | 100% dans Votre Navigateur
Téléchargements instantanés vectoriels et haute résolution
Les couleurs d’origine de l’icône sont conservées jusqu’à ce que vous choisissiez une nouvelle couleur.
calendar.svg (1 219 B)
Copie rapide pour développeurs et frameworks UI
Sortie de code en direct
<svg viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" width="36" height="36" role="img" aria-label="Calendar icon"><title>Calendar - IconPark icon</title><desc>Free Calendar vector icon from the IconPark open-source icon library; outline style, Apache-2.0 licence, viewBox 0 0 48 48, 995 bytes.</desc> <path d="M5 19H43V40C43 41.1046 42.1046 42 41 42H7C5.89543 42 5 41.1046 5 40V19Z" fill="#2F88FF" stroke="black" stroke-width="4" stroke-linejoin="round"/> <path d="M5 9C5 7.89543 5.89543 7 7 7H41C42.1046 7 43 7.89543 43 9V19H5V9Z" stroke="black" stroke-width="4" stroke-linejoin="round"/> <path d="M16 4V12" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <path d="M32 4V12" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <path d="M28 34H34" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14 34H20" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <path d="M28 26H34" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14 26H20" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> </svg>
Prompt IA et amelioration vectorielle
Vous voulez améliorer ou restyler cette icône ? calendrier
Générez un prompt d’ingénierie précis, ou améliorez l’icône sur le canevas tout de suite. calendrier
Générateur de prompt 100 % côté navigateur
Vérification de la source et de la licence
LICENSE.txt
Library: IconPark | Author: ByteDance Inc. | License: Apache-2.0 | Source: https://github.com/bytedance/IconPark | Sans Inscription | 100% dans Votre Navigateur
Mots cles
#calendar
#iconpark
#interface
#outline
calendrier - Specifications techniques du vecteur
La source, l’auteur et la licence sont visibles dans l’aperçu et le détail de l’icône. calendrier
| Identifiant canonique du fichier | iconpark/calendar |
|---|---|
| Pack de bibliothèque source | IconPark |
| Grille de coordonnées et viewBox | viewBox="0 0 48 48" |
| Poids non compresse | 1 219 bytes (~670 bytes gzipped) |
| Licence SPDX et usage commercial | Apache-2.0 - Gratuit pour usage commercial |
| Upstream Source | https://github.com/bytedance/IconPark |
| Formats d’export pris en charge | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| Garantie de sécurité et de confidentialité | Sans Inscription | 100% dans Votre Navigateur |
Comment utiliser et personnaliser cette icône: calendrier
- Personnaliser visuellement: Couleur, Automatique (trait et remplissage), Epaisseur du trait (
0.5px-4px), Préréglages d’animation vectorielle en direct - Télécharger le vecteur ou l’image: Télécharger SVG, PNG (transparent), WebP (optimisé) (
2048x2048 px) - Copier le code framework: Copiez du code prêt pour React, Next.js, Vue 3, Svelte, Angular, HTML et les masques CSS.
- Édition vectorielle avancee: Modifier dans l’éditeur SVG (76 166)
Conseil d’accessibilité (WCAG 2.1): Masquez les icônes décoratives avec aria-hidden et focusable false. Donnez un aria-label clair aux boutons qui ne contiennent qu’une icône. Inversez les flèches horizontalement pour les langues de droite à gauche.
calendar.svg aria-hidden="true" focusable="false"
Correspondances dans d’autres bibliothèques ("calendrier")
Comparez cette icône avec d’autres bibliothèques vectorielles open source.
Plus dans Interface utilisateur (UI/UX)
Parcouriroutline
calendrier
Bytesize Icons|interfaceoutline
calendrier
Open Iconic|interfaceoutline
calendrier
MingCute Icons|interfacesolid
calendrier
MingCute Icons Fill|interface3d
calendrier
3D Vector Icons|3d-iconsoutline
Calendar Heart
Bootstrap Icons|interface
Calendar4 Week
Bootstrap Icons|interface
Events Calendar
Domain Icons|interface
Calendar Check
Tabler Icons|interface
Calendar Blank
Phosphor Icons|interface
Productivity Calendar
Domain Icons|interface
Action Calendar View Month
Material Icons|interface
Calendar Clock
Fluent UI Color|interface
Action Calendar Month
Material Icons|interface
Beauty Face
Domain Icons|interface
Greatwall
MingCute Icons|interface
Check Circle
Heroicons|interface
Photo
Tabler Icons|interface
Arrows Expand Vertical
Bootstrap Icons|interface
Gavel
Lucide|interface
Content Waves
Material Icons|interface
hexagone
MingCute Icons Fill|interface
History
MingCute Icons|interface
Jar
Phosphor Icons|interfaceVoir plus
Questions fréquentes
calendrier - Questions fréquentes
Quelle licence couvre calendrier ? +
calendrier provient de IconPark et est couvert par Apache-2.0. Attribution : Crédit obligatoire.
Dans quels formats puis-je télécharger calendrier ? +
calendrier est un vecteur de style outline (viewBox 0 0 48 48). Téléchargez SVG, PNG, WebP ou ICO, ou copiez le code React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask ou Base64 depuis cette page.
D'où vient l'icône calendrier ? +
calendrier fait partie de la bibliothèque IconPark par ByteDance Inc., dans la catégorie Interface utilisateur (UI/UX). Le texte complet de la licence se trouve dans le fichier d'avis de la bibliothèque lié sur cette page.
100% dans Votre Navigateur | 76 166 icônes
Éditeur SVG
Modifiez les chemins, les calques, les couleurs et les animations dans votre navigateur, puis exportez du SVG propre, du PNG ou du code.