Icône Protoncalendar

simple-icons:protoncalendar

L'icône Protoncalendar (simple-icons:protoncalendar) est une icône SVG gratuite de la collection Simple Icons par Simple Icons Collaborators. Elle est dessinée sur une grille de 24 × 24. Les Simple Icons sont publiées sous la licence CC0 1.0, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection: Simple Icons
Auteur: Simple Icons Collaborators
Licence: CC0-1.0
Taille: 24 × 24

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M15.172 14.818v7.032h-4.276v-1.147c0-.584.21-1.151.592-1.596l3.684-4.288zm-4.93 5.884c0-.741.266-1.46.75-2.022l4.673-5.32c.522-.591 1.524-.92 2.262-.92h.967V7.007a1.92 1.92 0 0 0-1.928-1.914H0v14.295c0 1.36 1.11 2.462 2.482 2.462h7.76zM18.8 5.197a2.54 2.54 0 0 1 .747 1.81v5.434H24V4.613c0-1.36-1.11-2.462-2.482-2.462H2.482A2.473 2.473 0 0 0 .006 4.438h16.96c.694 0 1.345.27 1.834.76zm.34 14.742c.817 0 1.45-.451 1.45-1.136a.95.95 0 0 0-.79-.971v-.013a.96.96 0 0 0 .485-.346a.94.94 0 0 0 .185-.565c0-.632-.549-1.081-1.343-1.081c-.99 0-1.384.712-1.415 1.21h.843a.54.54 0 0 1 .577-.495c.318 0 .549.196.549.48c0 .283-.213.473-.732.473h-.3v.713h.346c.536 0 .807.176.807.492s-.26.532-.655.532a.67.67 0 0 1-.686-.51h-.873c.063.733.683 1.222 1.551 1.217zm2-3.39v.806l.79-.532v3.06h.82v-3.988h-.635l-.974.655z"/></svg>

Comment utiliser l'icône Protoncalendar

React

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

<Icon icon="simple-icons:protoncalendar" width="24" />

Vue

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

<template>
  <Icon icon="simple-icons:protoncalendar" width="24" />
</template>

Svelte

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

<Icon icon="simple-icons:protoncalendar" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--protoncalendar]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:protoncalendar"></div>

Web component

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

<iconify-icon icon="simple-icons:protoncalendar"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/simple-icons/protoncalendar.svg" alt="Icône Protoncalendar" width="24" height="24">

FAQ : Icône Protoncalendar

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

Oui. Les Simple Icons sont publiées sous la licence CC0 1.0, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône Protoncalendar dans React ?

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

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

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

Voir toutes les Simple Icons →