Icône Cloud Sun Rain Fill
f7:cloud-sun-rain-fill
L'icône Cloud Sun Rain Fill (f7:cloud-sun-rain-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
- cloudsun, sunrain, rainfill, cloudsunrainfill
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56"><path fill="currentColor" d="M35.986 8.992c.89 0 1.605-.755 1.605-1.605V3.21c0-.89-.715-1.605-1.605-1.605s-1.605.715-1.605 1.605v4.177c0 .85.716 1.605 1.605 1.605m-11.215 3.732c.638.638 1.682.618 2.282 0c.599-.62.618-1.644 0-2.244l-2.978-2.997a1.61 1.61 0 0 0-2.263 0a1.61 1.61 0 0 0 0 2.263Zm20.15 0c.599.618 1.643.638 2.28 0l2.96-2.978c.618-.62.599-1.644 0-2.263a1.61 1.61 0 0 0-2.263 0L44.92 10.48c-.619.6-.6 1.625 0 2.244m-3.965 17.21c2.842-1.915 4.602-4.873 4.602-8.277a9.55 9.55 0 0 0-9.572-9.59c-3.5 0-6.536 1.875-8.14 4.679c.812.831 1.508 1.74 2.088 2.862c6.38.522 10.5 4.486 11.022 10.326M8.025 40.588h20.923c5.472 0 9.726-4.157 9.726-9.513c0-5.318-4.331-9.34-10.113-9.379c-2.263-4.332-6.285-6.826-10.964-6.826c-6.285 0-11.622 4.873-12.202 11.235C2.108 27.09 0 29.875 0 33.279c0 4.331 3.268 7.31 8.025 7.31m42.194-17.326h4.176c.87 0 1.586-.715 1.605-1.605c0-.89-.735-1.605-1.605-1.605h-4.177c-.87 0-1.605.716-1.605 1.605c0 .89.735 1.605 1.605 1.605m-2.32 12.589a1.61 1.61 0 0 0 2.261-.02c.6-.618.62-1.643 0-2.262l-2.997-2.959c-.618-.599-1.624-.618-2.243 0a1.61 1.61 0 0 0 0 2.263ZM23.262 49.774l2.513-4.37c.348-.6.155-1.277-.425-1.606c-.58-.348-1.238-.154-1.586.445l-2.533 4.39c-.329.56-.174 1.237.425 1.585a1.19 1.19 0 0 0 1.605-.445m-15.393.019l2.514-4.37c.367-.6.174-1.277-.406-1.605c-.58-.348-1.257-.155-1.605.444l-2.533 4.39c-.329.56-.155 1.237.445 1.586c.56.309 1.257.116 1.585-.445m21.445 5.414l2.514-4.35c.348-.6.155-1.277-.426-1.625c-.58-.329-1.237-.135-1.585.445l-2.553 4.409c-.31.541-.154 1.218.445 1.566c.58.329 1.276.135 1.605-.445m-15.392.02l2.513-4.351c.349-.6.175-1.277-.405-1.625c-.6-.328-1.257-.135-1.605.445l-2.534 4.409c-.328.541-.154 1.218.426 1.566c.58.329 1.276.136 1.605-.444"/></svg>
Comment utiliser l'icône Cloud Sun Rain Fill
React
import { Icon } from "@iconify/react";
<Icon icon="f7:cloud-sun-rain-fill" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="f7:cloud-sun-rain-fill" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="f7:cloud-sun-rain-fill" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[f7--cloud-sun-rain-fill]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/f7 -->
<div class="i-f7:cloud-sun-rain-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-sun-rain-fill"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/f7/cloud-sun-rain-fill.svg" alt="Icône Cloud Sun Rain Fill" width="24" height="24">
Icônes similaires dans Framework7 Icons
FAQ : Icône Cloud Sun Rain Fill
L'icône Cloud Sun Rain 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 Sun Rain Fill dans React ?
Installez @iconify/react et affichez <Icon icon="f7:cloud-sun-rain-fill" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Cloud Sun Rain Fill à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/f7/cloud-sun-rain-fill.svg" alt="Icône Cloud Sun Rain Fill">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Framework7 Icons →
