Icône Night Alt Storm Showers

wi:night-alt-storm-showers

L'icône Night Alt Storm Showers (wi:night-alt-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: nightalt, altstorm, stormshowers, nightaltstormshowers, shower, owm night 531

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><path fill="currentColor" d="M4.09 16.89q0 1.665.99 2.97c.66.87 1.52 1.47 2.58 1.79l-.65 1.7c-.04.14 0 .21.14.21h2.12l-1.29 4.18h.28l4.23-5.62c.04-.04.04-.09.02-.14c-.03-.05-.07-.07-.14-.07h-2.18l2.47-4.64c.07-.14.03-.22-.13-.22H9.57c-.09 0-.16.05-.22.15l-1.07 2.88c-.71-.18-1.3-.57-1.78-1.17s-.71-1.27-.71-2.01c0-.83.28-1.55.85-2.17c.57-.61 1.27-.97 2.1-1.07l.53-.07c.13 0 .2-.06.2-.18l.07-.51c.11-1.08.56-1.99 1.37-2.72s1.76-1.1 2.85-1.1s2.04.37 2.86 1.1s1.28 1.64 1.4 2.71l.07.57c0 .12.06.19.17.19h1.62c.91 0 1.68.32 2.33.95s.97 1.4.97 2.28c0 .85-.3 1.59-.9 2.21s-1.33.97-2.2 1.03c-.12 0-.19.06-.19.19v1.36c0 .12.06.18.19.18c1.33-.04 2.46-.55 3.39-1.51c.93-.97 1.39-2.12 1.39-3.45c0-.87-.22-1.68-.66-2.45c.76-.74 1.27-1.61 1.51-2.62l.19-.68c.01-.01.01-.03.01-.07c0-.08-.05-.13-.15-.16l-.62-.17c-.57-.17-1.06-.45-1.46-.84s-.68-.8-.85-1.22s-.25-.84-.24-1.26c0-.28.03-.56.1-.85l.11-.61c.02-.1-.02-.18-.14-.23l-.8-.24c-.47-.09-.88-.14-1.24-.14c-.37-.01-.75.03-1.13.12c-.38.08-.78.22-1.19.4s-.8.45-1.18.79q-.57.51-.99 1.2c-.83-.31-1.62-.46-2.36-.46c-1.41 0-2.67.44-3.76 1.32s-1.8 2-2.11 3.36c-1.11.26-2.02.84-2.74 1.74c-.71.89-1.07 1.92-1.07 3.07m8.17 9.87c0 .16.05.31.15.47q.15.24.45.33c.16.03.25.05.27.05c.09 0 .22-.03.37-.1c.21-.1.35-.27.42-.53l.28-1.05c.06-.22.04-.43-.08-.63s-.29-.34-.53-.41a.82.82 0 0 0-.63.08c-.2.12-.34.3-.41.53l-.27 1zM13.6 22c0 .43.2.68.61.75c.14.03.23.05.27.05c.38 0 .63-.21.77-.63l.3-1.02c.06-.22.03-.43-.08-.63s-.3-.34-.53-.41a.76.76 0 0 0-.64.07c-.2.12-.34.29-.41.53l-.25 1.01c-.03.09-.04.18-.04.28m2.81 1.67q.015.255.18.48c.165.225.27.27.48.34q.24.06.33.06c.34 0 .58-.23.71-.68l.24-1.02q.105-.345-.06-.66a.82.82 0 0 0-.5-.41a.93.93 0 0 0-.68.08c-.2.12-.33.3-.37.53l-.29 1.03c0 .02-.01.06-.02.12c-.02.07-.02.11-.02.13m1.18-14.9c.33-.56.78-.99 1.34-1.29s1.15-.45 1.76-.45h.22v.32c0 .64.11 1.26.34 1.86s.56 1.15 1.02 1.66c.45.51.99.91 1.61 1.21c-.17.38-.42.72-.76 1.03c-.91-.78-1.98-1.17-3.22-1.17h-.33c-.29-1.26-.95-2.32-1.98-3.17m.19 10.1c0 .43.22.71.65.82c.14.02.24.04.3.04c.36 0 .61-.22.74-.65l.28-1.04c.01-.05.01-.12.01-.22a.75.75 0 0 0-.14-.49a.83.83 0 0 0-.49-.33c-.01 0-.05 0-.1-.01s-.1-.01-.13-.01q-.24 0-.48.15c-.24.15-.27.26-.33.47l-.29 1.02c0 .01 0 .04-.01.1c0 .07-.01.12-.01.15"/></svg>

Comment utiliser l'icône Night Alt Storm Showers

React

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

<Icon icon="wi:night-alt-storm-showers" width="24" />

Vue

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

<template>
  <Icon icon="wi:night-alt-storm-showers" width="24" />
</template>

Svelte

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

<Icon icon="wi:night-alt-storm-showers" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[wi--night-alt-storm-showers]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/wi -->
<div class="i-wi:night-alt-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:night-alt-storm-showers"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/wi/night-alt-storm-showers.svg" alt="Icône Night Alt Storm Showers" width="24" height="24">

Icônes similaires dans Weather Icons

FAQ : Icône Night Alt Storm Showers

L'icône Night Alt 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 Night Alt Storm Showers dans React ?

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

Comment ajouter l'icône Night Alt Storm Showers à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/wi/night-alt-storm-showers.svg" alt="Icône Night Alt Storm Showers">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Weather Icons →