Icône Cloud Sleet Fill
f7:cloud-sleet-fill
L'icône Cloud Sleet Fill (f7:cloud-sleet-fill) est une icône SVG gratuite de la collection Framework7 Icons par Vladimir Kharlampidi. Elle est dessinée sur une grille de 56 × 56. Les Framework7 Icons sont publiées sous la licence MIT, 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
- Framework7 Icons
- Auteur
- Vladimir Kharlampidi
- Licence
- MIT
- Taille
- 56 × 56
- Mots-clés
- cloudsleet, sleetfill, cloudsleetfill
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56"><path fill="currentColor" d="M12.634 34.051H40.92c7.225 0 12.81-5.447 12.81-12.467c0-7.088-5.835-12.399-13.562-12.33C37.25 3.374 31.894 0 25.58 0C17.17 0 10.082 6.61 9.42 15.111C5 16.32 2.15 20.057 2.15 24.524c0 5.653 4.24 9.527 10.484 9.527m10.735 11.42l3.1-5.425c.387-.684.182-1.482-.479-1.892c-.706-.388-1.504-.16-1.891.524l-3.146 5.447c-.387.661-.182 1.459.525 1.87a1.403 1.403 0 0 0 1.891-.525m-2.62-2.713l1.55-2.712c.387-.661.181-1.482-.502-1.892c-.684-.388-1.482-.16-1.87.524l-1.572 2.735c-.364.661-.182 1.459.502 1.87a1.404 1.404 0 0 0 1.891-.525m15.68.798l1.983-3.442a1.39 1.39 0 0 0-.501-1.915a1.35 1.35 0 0 0-1.87.525l-2.005 3.51c-.365.638-.205 1.435.502 1.846c.683.387 1.504.16 1.891-.524m-25.094 8.957c.433 0 .73-.388.707-.82l-.16-2.166l1.824 1.23c.319.229.82.138 1.048-.204s.091-.866-.342-1.072l-1.96-.957l1.983-.98a.78.78 0 0 0 .342-1.048c-.205-.365-.752-.433-1.071-.205l-1.824 1.253l.183-2.188a.732.732 0 0 0-.73-.82c-.456 0-.752.364-.73.82l.16 2.188l-1.846-1.253c-.319-.228-.82-.183-1.025.205c-.205.342-.114.82.319 1.048l1.96.98l-1.96.957c-.456.206-.547.707-.365 1.072c.205.364.752.433 1.071.205l1.846-1.23l-.136 2.164c-.023.433.25.82.706.82m23.886.091c.433 0 .73-.387.707-.82l-.16-2.166l1.824 1.231c.319.228.82.137 1.048-.205s.091-.866-.342-1.071l-1.96-.958l1.983-.98a.78.78 0 0 0 .342-1.048c-.205-.365-.752-.433-1.071-.205l-1.824 1.253l.183-2.188a.732.732 0 0 0-.73-.82c-.456 0-.752.364-.73.82l.16 2.188l-1.846-1.253c-.319-.228-.82-.183-1.025.205c-.206.342-.114.82.319 1.048l1.96.98l-1.96.958c-.456.205-.547.706-.365 1.07c.205.365.752.434 1.071.206l1.846-1.23l-.136 2.164c-.023.434.25.821.706.821M22.23 56c.41 0 .706-.388.684-.82l-.16-2.166l1.823 1.231c.32.228.844.137 1.072-.205a.76.76 0 0 0-.365-1.071l-1.96-.958l1.983-.98c.433-.205.524-.706.364-1.048c-.205-.365-.775-.433-1.094-.205l-1.823 1.253l.182-2.188c.046-.456-.296-.82-.706-.82c-.479 0-.752.364-.73.82l.137 2.188l-1.846-1.253c-.32-.228-.798-.183-1.026.205c-.205.342-.114.82.32 1.048l1.96.98l-1.96.958a.765.765 0 0 0-.342 1.07c.205.365.729.434 1.048.206l1.846-1.23l-.114 2.164c-.023.433.228.821.707.821"/></svg>
Comment utiliser l'icône Cloud Sleet Fill
React
import { Icon } from "@iconify/react";
<Icon icon="f7:cloud-sleet-fill" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="f7:cloud-sleet-fill" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="f7:cloud-sleet-fill" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[f7--cloud-sleet-fill]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/f7 -->
<div class="i-f7:cloud-sleet-fill"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="f7:cloud-sleet-fill"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/f7/cloud-sleet-fill.svg" alt="Icône Cloud Sleet Fill" width="24" height="24">
Icônes similaires dans Framework7 Icons
L'icône Cloud Sleet Fill dans d'autres collections
FAQ : Icône Cloud Sleet Fill
L'icône Cloud Sleet Fill est-elle gratuite pour un usage commercial ?
Oui. Les Framework7 Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Cloud Sleet Fill dans React ?
Installez @iconify/react et affichez <Icon icon="f7:cloud-sleet-fill" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Cloud Sleet Fill à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/f7/cloud-sleet-fill.svg" alt="Icône Cloud Sleet Fill">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Framework7 Icons →
