duotone
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 Calendar Date Range
La source, l’auteur et la licence sont visibles dans l’aperçu et le détail de l’icône. Calendar Date Range - 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.
heroicons-20px-solid-calendar-date-range.svg (1 681 B)
Copie rapide pour développeurs et frameworks UI
Sortie de code en direct
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon" width="36" height="36" role="img" aria-label="Calendar Date Range icon"><title>Calendar Date Range - Heroicons icon</title><desc>Free Calendar Date Range vector icon from the Heroicons open-source icon library; solid style, MIT licence, viewBox 0 0 20 20, 1408 bytes.</desc> <path d="M10 9.25a.75.75 0 0 0-.75.75v.01c0 .414.336.75.75.75h.01a.75.75 0 0 0 .75-.75V10a.75.75 0 0 0-.75-.75H10ZM6 13.25a.75.75 0 0 0-.75.75v.01c0 .414.336.75.75.75h.01a.75.75 0 0 0 .75-.75V14a.75.75 0 0 0-.75-.75H6ZM8 13.25a.75.75 0 0 0-.75.75v.01c0 .414.336.75.75.75h.01a.75.75 0 0 0 .75-.75V14a.75.75 0 0 0-.75-.75H8ZM9.25 14a.75.75 0 0 1 .75-.75h.01a.75.75 0 0 1 .75.75v.01a.75.75 0 0 1-.75.75H10a.75.75 0 0 1-.75-.75V14ZM12 11.25a.75.75 0 0 0-.75.75v.01c0 .414.336.75.75.75h.01a.75.75 0 0 0 .75-.75V12a.75.75 0 0 0-.75-.75H12ZM12 13.25a.75.75 0 0 0-.75.75v.01c0 .414.336.75.75.75h.01a.75.75 0 0 0 .75-.75V14a.75.75 0 0 0-.75-.75H12ZM13.25 12a.75.75 0 0 1 .75-.75h.01a.75.75 0 0 1 .75.75v.01a.75.75 0 0 1-.75.75H14a.75.75 0 0 1-.75-.75V12ZM11.25 10.005c0-.417.338-.755.755-.755h2a.755.755 0 1 1 0 1.51h-2a.755.755 0 0 1-.755-.755ZM6.005 11.25a.755.755 0 1 0 0 1.51h4a.755.755 0 1 0 0-1.51h-4Z"/> <path fill-rule="evenodd" d="M5.75 2a.75.75 0 0 1 .75.75V4h7V2.75a.75.75 0 0 1 1.5 0V4h.25A2.75 2.75 0 0 1 18 6.75v8.5A2.75 2.75 0 0 1 15.25 18H4.75A2.75 2.75 0 0 1 2 15.25v-8.5A2.75 2.75 0 0 1 4.75 4H5V2.75A.75.75 0 0 1 5.75 2Zm-1 5.5c-.69 0-1.25.56-1.25 1.25v6.5c0 .69.56 1.25 1.25 1.25h10.5c.69 0 1.25-.56 1.25-1.25v-6.5c0-.69-.56-1.25-1.25-1.25H4.75Z" clip-rule="evenodd"/> </svg>
Prompt IA et amelioration vectorielle
Vous voulez améliorer ou restyler cette icône ? Calendar Date Range
Générez un prompt d’ingénierie précis, ou améliorez l’icône sur le canevas tout de suite. Calendar Date Range
Générateur de prompt 100 % côté navigateur
Vérification de la source et de la licence
LICENSE.txt
Library: Heroicons | Author: Tailwind Labs | License: MIT | Source: https://github.com/tailwindlabs/heroicons | Sans Inscription | 100% dans Votre Navigateur
Mots cles
#heroicons
#20px
#solid
#calendar
#date
#range
#interface
#hero
Calendar Date Range - 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. Calendar Date Range
| Identifiant canonique du fichier | heroicons/heroicons-20px-solid-calendar-date-range |
|---|---|
| Pack de bibliothèque source | Heroicons |
| Grille de coordonnées et viewBox | viewBox="0 0 20 20" |
| Poids non compresse | 1 681 bytes (~925 bytes gzipped) |
| Licence SPDX et usage commercial | MIT - Gratuit pour usage commercial |
| Upstream Source | https://github.com/tailwindlabs/heroicons |
| 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: Calendar Date Range
- 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 (77 087)
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.
heroicons-20px-solid-calendar-date-range.svg aria-hidden="true" focusable="false"
Plus dans Interface utilisateur (UI/UX)
Parcouriroutline
Calendar Fold
Lucide|interfaceoutline
Calendar Due
Tabler Icons|interfacesolid
Crown Cross
Phosphor Icons|interfacesolid
Device Tablet
Phosphor Icons|interfaceoutline
Pets Dog
Domain Icons|interface
Freeze Column
Tabler Icons|interface
Gender Male
Tabler Icons|interface
Productivity Clock
Domain Icons|interface
Maps Dry Cleaning
Material Icons|interface
Maps Hvac
Material Icons|interface
Public Services City
Domain Icons|interface
Lego Smiley
Phosphor Icons|interface
2 Circle
Bootstrap Icons|interface
Amd
SVG Icons Collection|interface
Air Condition Open
MingCute Icons|interface
Argo
SVG Icons Collection|interface
Add Web
IconPark|interface
Align Justify
MingCute Icons|interface
Bullhorn
Open Iconic|interface
Apple
Lucide|interface
Cursor Gladius Centurion Copy
Mouse|interface
filtre
Ant Design TwoTone|interface
Fund
Ant Design TwoTone|interfaceVoir plus
Questions fréquentes
Calendar Date Range - Questions fréquentes
Quelle licence couvre Calendar Date Range ? +
Calendar Date Range provient de Heroicons et est couvert par MIT. Attribution : Crédit obligatoire.
Dans quels formats puis-je télécharger Calendar Date Range ? +
Calendar Date Range est un vecteur de style solid (viewBox 0 0 20 20). 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 Calendar Date Range ? +
Calendar Date Range fait partie de la bibliothèque Heroicons par Tailwind Labs, 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 | 77 087 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.