Icône Ksuite Calendar

selfhst:ksuite-calendar

L'icône Ksuite Calendar (selfhst:ksuite-calendar) est une icône SVG gratuite de la collection selfh.st/icons par selfh.st. Elle est dessinée sur une grille de 512 × 512. Les selfh.st/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: selfh.st/icons
Auteur: selfh.st
Licence: CC-BY-4.0
Taille: 512 × 512
Mots-clés: ksuitecalendar

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#c2f1f9" fill-rule="evenodd" d="M155.8 25.5c0-17.2 16.8-29.4 33.3-24.4l283.1 86.2c10.8 3.2 18.1 13.1 18.2 24.4v277.9c0 17.2-16.8 29.4-33.3 24.4L174 327.8c-10.8-3.2-18.1-13.1-18.2-24.4z" opacity=".504"/><path fill="#8ae3f3" fill-rule="evenodd" d="M86 73.9c0-17.1 16.8-29.4 33.3-24.4l283.1 86.2c10.8 3.2 18.1 13.1 18.2 24.4V438c0 17.2-16.8 29.4-33.3 24.4l-283.1-86.2C93.4 373 86.1 363.1 86 351.8z" opacity=".8"/><path fill="#36d0eb" fill-rule="evenodd" d="M21.7 122.3c0-17.1 16.8-29.4 33.3-24.4l283.1 86.2a25.41 25.41 0 0 1 18.2 24.4v277.9c0 17.2-16.8 29.4-33.3 24.4L39.9 424.6a25.41 25.41 0 0 1-18.2-24.4z"/><path fill="#fff" d="M271.8 251.9V405c0 3-1.5 5.9-3.9 7.7c-2.5 1.8-5.7 2.3-8.6 1.4l-10.6-3.2c-4-1.2-6.8-4.9-6.8-9.1V276l-23.6 4c-2.8.5-5.7-.3-7.8-2.1c-2.2-1.8-3.4-4.5-3.4-7.3V259c0-4.6 3.4-8.6 8-9.4l43.6-7.6c1.4-.2 2.8-.2 4.1.2l1.8.5c4.3 1 7.2 4.8 7.2 9.2m-75.4 112.5l-52.1-15.8l24.5-24.6l.1-.1c9.7-9.9 17-19.1 21.3-27.5s6.6-16.9 6.6-25.6c0-14.1-3.8-26.8-11.8-37.6s-19.2-17.9-32.8-21.5c-9.2-2.4-18.2-2.4-26.5.7s-14.6 8.8-18.9 16.6c-4.2 7.6-6.1 16.3-6.1 25.7c0 4.3 2.9 8.1 7.1 9.2l10.5 2.9c2.9.8 6 .2 8.4-1.6s3.8-4.6 3.8-7.6c0-8.5 2.2-12.9 4.9-15.4c2.3-2.1 5.6-3.4 11.8-1.7c6.2 1.6 10.8 4.8 14.2 9.6c3.5 4.9 5.4 11 5.4 18.8c0 4.4-1 8.8-3.2 13c-1.7 3.3-4.6 7.6-9.2 12.8l-4.3 4.7l-43.7 44c-1.8 1.8-2.8 4.2-2.8 6.7v9.2c0 4.2 2.8 7.9 6.8 9.1l80.2 24.6c2.9.9 6.1.4 8.6-1.4s3.9-4.7 3.9-7.7v-10.4c.1-4.2-2.6-7.9-6.7-9.1"/></svg>

Comment utiliser l'icône Ksuite Calendar

React

import { Icon } from "@iconify/react";

<Icon icon="selfhst:ksuite-calendar" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="selfhst:ksuite-calendar" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="selfhst:ksuite-calendar" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--ksuite-calendar]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:ksuite-calendar"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="selfhst:ksuite-calendar"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/selfhst/ksuite-calendar.svg" alt="Icône Ksuite Calendar" width="24" height="24">

Icônes similaires dans selfh.st/icons

FAQ : Icône Ksuite Calendar

L'icône Ksuite Calendar est-elle gratuite pour un usage commercial ?

Oui. Les selfh.st/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 Ksuite Calendar dans React ?

Installez @iconify/react et affichez <Icon icon="selfhst:ksuite-calendar" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Ksuite Calendar à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/selfhst/ksuite-calendar.svg" alt="Icône Ksuite Calendar">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les selfh.st/icons →