Icône Calendar Add Flat
streamline-plump-color:calendar-add-flat
L'icône Calendar Add Flat (streamline-plump-color:calendar-add-flat) est une icône SVG gratuite de la collection Plump color icons par Streamline. Elle est dessinée sur une grille de 48 × 48. Les Plump color icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Plump color icons
- Auteur
- Streamline
- Licence
- CC-BY-4.0
- Taille
- 48 × 48
- Catégorie
- Interface essentielle
- Mots-clés
- calendaradd, addflat, calendaraddflat
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path fill="#8fbffa" d="M24 46.5c-7.632 0-12.948-.485-16.147-.911c-2.862-.382-5.068-2.554-5.479-5.419c-.417-2.91-.874-7.506-.874-13.67s.457-10.76.874-13.67c.41-2.864 2.617-5.037 5.48-5.418C11.051 6.985 16.367 6.5 24 6.5c7.632 0 12.948.485 16.147.912c2.862.381 5.068 2.554 5.479 5.418c.417 2.91.874 7.506.874 13.67s-.457 10.76-.874 13.67c-.41 2.864-2.617 5.037-5.48 5.419c-3.198.426-8.514.911-16.146.911"/><path fill="#2859c5" d="M33.5 14.518q-.754-.001-1.336-.037c-2.27-.133-3.547-2.002-3.618-3.918a69 69 0 0 1 0-5.091c.07-1.916 1.348-3.785 3.618-3.918q.582-.035 1.336-.036t1.336.036c2.27.133 3.547 2.002 3.618 3.918a69 69 0 0 1 0 5.091c-.07 1.916-1.348 3.785-3.618 3.918a23 23 0 0 1-1.336.037m-19 0q-.754-.001-1.336-.037c-2.27-.133-3.547-2.002-3.618-3.918a69 69 0 0 1 0-5.091c.07-1.916 1.348-3.785 3.618-3.918q.582-.035 1.336-.036t1.336.036c2.27.133 3.547 2.002 3.618 3.918a69 69 0 0 1 0 5.091c-.07 1.916-1.348 3.785-3.618 3.918a23 23 0 0 1-1.336.037"/><path fill="#2859c5" fill-rule="evenodd" d="M21 31h-5a3 3 0 1 1 0-6h5v-5a3 3 0 1 1 6 0v5h5a3 3 0 1 1 0 6h-5v5a3 3 0 1 1-6 0z" clip-rule="evenodd"/></g></svg>
Comment utiliser l'icône Calendar Add Flat
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump-color:calendar-add-flat" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump-color:calendar-add-flat" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump-color:calendar-add-flat" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--calendar-add-flat]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color:calendar-add-flat"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump-color:calendar-add-flat"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/streamline-plump-color/calendar-add-flat.svg" alt="Icône Calendar Add Flat" width="24" height="24">
Icônes similaires dans Plump color icons
L'icône Calendar Add Flat dans d'autres collections
FAQ : Icône Calendar Add Flat
L'icône Calendar Add Flat est-elle gratuite pour un usage commercial ?
Oui. Les Plump color icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.
Comment utiliser l'icône Calendar Add Flat dans React ?
Installez @iconify/react et affichez <Icon icon="streamline-plump-color:calendar-add-flat" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Calendar Add Flat à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/streamline-plump-color/calendar-add-flat.svg" alt="Icône Calendar Add Flat">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Plump color icons →
ICONYZ
