Icône Storm Showers
wi:storm-showers
L'icône Storm Showers (wi:storm-showers) 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
- stormshowers, shower, owm 531, wmo4680 84, owm 901, wmo4680 91
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.91q0 1.665.99 2.97c.99 1.305 1.51 1.47 2.56 1.79l-.65 1.68c-.03.14.02.22.14.22H9.8l-1.04 3.78h.28l3.97-5.22c.04-.04.04-.09.02-.14s-.07-.07-.14-.07h-2.18l2.48-4.64c.06-.14.02-.21-.14-.21h-2.94a.25.25 0 0 0-.22.14L8.8 20.08c-.71-.18-1.3-.57-1.77-1.16s-.7-1.26-.7-2.01q0-1.245.84-2.16c.84-.915 1.26-.96 2.1-1.06l.52-.07c.13 0 .2-.06.2-.17l.07-.52c.1-1.08.55-1.99 1.36-2.72s1.76-1.1 2.85-1.1s2.04.37 2.85 1.1c.82.73 1.28 1.64 1.4 2.72l.06.58c0 .12.06.18.19.18h1.61c.91 0 1.68.32 2.32.95q.96.945.96 2.28c0 .85-.3 1.59-.89 2.21s-1.32.96-2.19 1.03c-.13 0-.2.06-.2.19v1.37c0 .11.07.17.2.17c.65-.02 1.27-.17 1.86-.44s1.1-.63 1.52-1.07s.76-.96 1.01-1.57c.25-.6.38-1.23.38-1.88c0-.9-.22-1.73-.67-2.49a4.96 4.96 0 0 0-4.29-2.46h-.32c-.33-1.33-1.03-2.42-2.11-3.26s-2.3-1.27-3.68-1.27c-1.41 0-2.67.44-3.76 1.31s-1.79 1.99-2.1 3.36c-1.1.26-2.01.83-2.73 1.73s-1.06 1.91-1.06 3.06m8.16 9.86a.82.82 0 0 0 .61.78c.14.03.22.05.25.05c.09 0 .21-.03.38-.1c.21-.09.35-.27.42-.52l.28-1.05c.06-.22.04-.43-.08-.63s-.29-.33-.53-.4a.78.78 0 0 0-.63.08c-.2.12-.34.29-.41.53l-.27 1c-.01.17-.02.26-.02.26M14.13 22c0 .14.05.29.15.44q.15.225.45.33c.22.07.44.06.64-.05s.33-.28.4-.52l.3-1.04c.06-.22.03-.43-.08-.63c-.12-.2-.3-.34-.53-.41c-.23-.06-.44-.04-.65.08s-.34.29-.41.52l-.24 1.01q-.03.255-.03.27m2.82 1.65c0 .17.05.34.16.51s.27.28.47.35c.02 0 .06.01.12.02c.05.01.09.02.12.02c.13 0 .26-.02.38-.08c.19-.07.33-.26.41-.57l.25-1.01q.105-.345-.06-.66a.83.83 0 0 0-.5-.42a.93.93 0 0 0-.68.08c-.2.12-.33.3-.37.53l-.27 1.03c-.02.06-.03.13-.03.2m1.36-4.79c-.01.16.04.31.15.47s.27.28.49.38c.08.04.16.06.26.06c.11 0 .22-.03.34-.08c.21-.1.35-.29.44-.57l.29-1.03c.02-.13.03-.2.03-.22c0-.17-.05-.33-.16-.49s-.27-.27-.49-.33c-.02 0-.06-.01-.11-.02c-.06-.03-.1-.03-.13-.03c-.17 0-.33.05-.49.15q-.24.15-.33.48l-.27 1.01c-.01.08-.02.15-.02.22"/></svg>Comment utiliser l'icône Storm Showers
React
import { Icon } from "@iconify/react";
<Icon icon="wi:storm-showers" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="wi:storm-showers" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="wi:storm-showers" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[wi--storm-showers]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/wi -->
<div class="i-wi:storm-showers"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="wi:storm-showers"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/wi/storm-showers.svg" alt="Icône Storm Showers" width="24" height="24">Icônes similaires dans Weather Icons
FAQ : Icône Storm Showers
L'icône Storm Showers 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 Storm Showers dans React ?
Installez @iconify/react et affichez <Icon icon="wi:storm-showers" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Storm Showers à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/wi/storm-showers.svg" alt="Icône Storm Showers">, ou collez le code SVG directement dans la page pour le styliser en CSS.