Icône Cloud Refresh
wi:cloud-refresh
L'icône Cloud Refresh (wi:cloud-refresh) est une icône SVG gratuite de la collection Weather Icons par Erik Flowers. Elle est dessinée sur une grille de 30 × 30. Les Weather Icons sont publiées sous la Open Font License, 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
- Weather Icons
- Auteur
- Erik Flowers
- Licence
- OFL-1.1
- Taille
- 30 × 30
- Mots-clés
- cloudrefresh
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><path fill="currentColor" d="M4.63 16.91c0 .66.12 1.28.38 1.88c.25.6.59 1.11 1.02 1.55c.43.43.94.79 1.53 1.05c.59.27 1.21.42 1.87.45c.11 0 .17-.06.17-.17v-1.33c0-.12-.06-.19-.17-.19c-.87-.06-1.6-.41-2.19-1.03s-.89-1.36-.89-2.21c0-.84.28-1.57.85-2.19s1.26-.97 2.1-1.04l.52-.07c.13 0 .2-.06.2-.17l.07-.52q.105-1.065.69-1.95a4.21 4.21 0 0 1 3.53-1.86c1.09 0 2.05.36 2.86 1.08a4 4 0 0 1 1.39 2.7l.06.57c0 .12.06.18.19.18h1.61c.9 0 1.67.32 2.32.97c.64.64.97 1.41.97 2.3c0 .85-.3 1.59-.89 2.21s-1.32.97-2.19 1.03c-.13 0-.2.06-.2.19v1.33c0 .11.07.17.2.17c1.34-.06 2.47-.57 3.39-1.51s1.38-2.09 1.38-3.42c0-.89-.22-1.72-.67-2.48a4.96 4.96 0 0 0-1.81-1.8c-.76-.44-1.59-.67-2.48-.67h-.32c-.33-1.33-1.04-2.42-2.11-3.28c-1.11-.86-2.34-1.28-3.71-1.28c-1.41 0-2.66.44-3.75 1.33s-1.8 2.01-2.11 3.38a4.77 4.77 0 0 0-2.73 1.74q-1.08 1.335-1.08 3.06m6.23 1.27c0 .74.19 1.43.56 2.07s.88 1.14 1.51 1.51c.63.38 1.32.56 2.06.56c1.15 0 2.13-.41 2.95-1.22c.82-.82 1.23-1.79 1.23-2.92c0-.23-.08-.43-.25-.6a.82.82 0 0 0-.61-.25c-.24 0-.44.08-.61.25s-.26.37-.26.6c0 .67-.24 1.24-.72 1.73c-.48.48-1.05.72-1.73.72q-.99 0-1.71-.72c-.48-.48-.72-1.06-.72-1.73c0-.6.18-1.13.53-1.6c.36-.47.79-.73 1.31-.77l-.41.39c-.15.15-.23.34-.23.57c0 .25.07.47.23.66c.14.15.31.23.53.23c.22.01.45-.07.7-.23l1.82-1.87c.17-.17.25-.36.25-.58c0-.25-.08-.45-.25-.61l-1.82-1.83a.86.86 0 0 0-.62-.26c-.23 0-.43.08-.59.25s-.24.37-.24.61s.07.43.23.58l.35.36c-1 .17-1.83.63-2.49 1.4c-.67.76-1 1.66-1 2.7"/></svg>
Comment utiliser l'icône Cloud Refresh
React
import { Icon } from "@iconify/react";
<Icon icon="wi:cloud-refresh" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="wi:cloud-refresh" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="wi:cloud-refresh" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[wi--cloud-refresh]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/wi -->
<div class="i-wi:cloud-refresh"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="wi:cloud-refresh"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/wi/cloud-refresh.svg" alt="Icône Cloud Refresh" width="24" height="24">
Icônes similaires dans Weather Icons
L'icône Cloud Refresh dans d'autres collections
FAQ : Icône Cloud Refresh
L'icône Cloud Refresh est-elle gratuite pour un usage commercial ?
Oui. Les Weather Icons sont publiées sous la Open Font License, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Cloud Refresh dans React ?
Installez @iconify/react et affichez <Icon icon="wi:cloud-refresh" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Cloud Refresh à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/wi/cloud-refresh.svg" alt="Icône Cloud Refresh">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Weather Icons →
ICONYZ
