Icône Cloud Snow

f7:cloud-snow

L'icône Cloud Snow (f7:cloud-snow) 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: cloudsnow

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56"><path fill="currentColor" d="M12.262 35.512h29.086c7.687 0 13.406-5.836 13.406-13.078c0-7.454-6.094-12.914-14.04-12.914C37.786 3.73 32.349.39 25.575.39C16.762.39 9.496 6.895 8.723 15.613c-4.243 1.219-7.477 4.922-7.477 9.868c0 5.53 4.031 10.03 11.016 10.03m-.047-3.774c-4.805 0-7.219-2.672-7.219-6.14c0-2.836 1.64-5.367 5.625-6.422c1.29-.328 1.758-.938 1.875-2.274c.54-7.64 6.281-13.148 13.078-13.148c5.274 0 9.422 2.883 11.953 8.086c.54 1.125 1.242 1.523 2.625 1.523c6.938 0 10.852 4.196 10.852 9.188c0 5.11-4.078 9.187-9.422 9.187Zm1.148 15.469c.422 0 .727-.398.703-.844l-.164-2.226l1.875 1.265c.328.235.868.141 1.102-.21a.783.783 0 0 0-.375-1.102l-2.016-.985l2.04-1.007c.445-.211.538-.727.374-1.078c-.21-.376-.797-.446-1.125-.211l-1.875 1.289l.188-2.25c.047-.47-.305-.844-.727-.844c-.492 0-.797.375-.773.844l.164 2.25l-1.899-1.29c-.328-.234-.82-.187-1.054.212c-.211.351-.117.843.328 1.078l2.016 1.008l-2.016.984a.787.787 0 0 0-.352 1.101c.211.375.75.446 1.078.211l1.899-1.265l-.14 2.226c-.024.446.257.844.75.844m25.969 0c.422 0 .727-.398.703-.844l-.164-2.226l1.875 1.265c.328.235.867.141 1.078-.21c.235-.352.094-.891-.351-1.102l-2.016-.985l2.039-1.007a.804.804 0 0 0 .352-1.078c-.188-.376-.774-.446-1.102-.211l-1.875 1.289l.188-2.25c.046-.47-.305-.844-.727-.844c-.492 0-.797.375-.773.844l.164 2.25l-1.899-1.29c-.328-.234-.82-.187-1.054.212c-.211.351-.118.843.328 1.078l2.015 1.008l-2.015.984a.787.787 0 0 0-.352 1.101c.211.375.75.446 1.078.211l1.899-1.265l-.141 2.226c-.023.446.258.844.75.844m-12.984 0c.422 0 .726-.398.703-.844l-.164-2.226l1.875 1.265c.328.235.867.141 1.078-.21c.234-.352.094-.891-.352-1.102l-2.015-.985l2.039-1.007a.804.804 0 0 0 .351-1.078c-.187-.376-.773-.446-1.101-.211l-1.875 1.289l.187-2.25c.047-.47-.305-.844-.726-.844c-.493 0-.797.375-.774.844l.164 2.25l-1.898-1.29c-.328-.234-.82-.187-1.055.212c-.21.351-.117.843.328 1.078l2.016 1.008l-2.016.984a.786.786 0 0 0-.351 1.101c.21.375.75.446 1.078.211l1.898-1.265l-.14 2.226c-.024.446.257.844.75.844m-5.086 8.79c.422 0 .726-.4.703-.821l-.164-2.25l1.875 1.265c.328.235.867.141 1.101-.21c.211-.352.07-.891-.375-1.102l-2.015-.984l2.039-1.008a.8.8 0 0 0 .351-1.078c-.187-.375-.773-.446-1.101-.211l-1.877 1.29l.187-2.25c.047-.469-.304-.844-.726-.844c-.492 0-.797.375-.774.844l.164 2.25l-1.898-1.29c-.328-.234-.82-.187-1.055.212c-.21.375-.117.867.328 1.078l2.016 1.008l-2.016.984a.786.786 0 0 0-.351 1.102c.21.374.75.445 1.078.21l1.898-1.242l-.14 2.227c-.024.422.258.82.75.82m12.984 0c.422 0 .727-.4.703-.821l-.164-2.25l1.875 1.265c.328.235.867.141 1.078-.21c.235-.352.094-.891-.351-1.102l-2.016-.984l2.04-1.008a.8.8 0 0 0 .35-1.078c-.187-.375-.773-.446-1.1-.211l-1.876 1.289l.188-2.25c.047-.469-.305-.844-.727-.844c-.492 0-.797.375-.773.844l.164 2.25l-1.899-1.29c-.328-.234-.82-.187-1.054.212c-.211.375-.118.867.328 1.078l2.015 1.008l-2.015.984a.787.787 0 0 0-.352 1.102c.211.374.75.445 1.078.21l1.899-1.242l-.141 2.227c-.023.422.258.82.75.82m-25.969 0c.422 0 .727-.4.703-.821l-.164-2.25l1.875 1.265c.329.235.868.141 1.102-.21a.783.783 0 0 0-.375-1.102l-2.016-.984l2.04-1.008c.445-.211.538-.703.374-1.078c-.21-.375-.796-.446-1.125-.211l-1.875 1.289l.188-2.25c.047-.469-.305-.844-.727-.844c-.492 0-.797.375-.773.844l.164 2.25l-1.899-1.29c-.328-.234-.82-.187-1.054.212c-.211.375-.117.867.328 1.078l2.016 1.008l-2.016.984a.786.786 0 0 0-.352 1.102c.211.374.75.445 1.079.21l1.898-1.242l-.14 2.227c-.024.422.257.82.75.82"/></svg>

Comment utiliser l'icône Cloud Snow

React

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

<Icon icon="f7:cloud-snow" width="24" />

Vue

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

<template>
  <Icon icon="f7:cloud-snow" width="24" />
</template>

Svelte

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

<Icon icon="f7:cloud-snow" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[f7--cloud-snow]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/f7 -->
<div class="i-f7:cloud-snow"></div>

Web component

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

<iconify-icon icon="f7:cloud-snow"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/f7/cloud-snow.svg" alt="Icône Cloud Snow" width="24" height="24">

Icônes similaires dans Framework7 Icons

L'icône Cloud Snow dans d'autres collections

FAQ : Icône Cloud Snow

L'icône Cloud Snow 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 Snow dans React ?

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

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

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

Voir toutes les Framework7 Icons →