Icône Night Rain Wind

wi:night-rain-wind

L'icône Night Rain Wind (wi:night-rain-wind) 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: nightrain, rainwind, nightrainwind

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.11 17.02c0 1.13.33 2.13 1 3.01s1.54 1.48 2.62 1.8c.1.01.18-.01.25-.08l1.13-1.46q-1.335 0-2.31-.96c-.975-.96-.97-1.41-.97-2.31c0-.86.29-1.61.86-2.24s1.29-.98 2.14-1.05l.52-.07c.11 0 .16-.05.16-.14l.07-.56q.18-1.65 1.41-2.76t2.88-1.11c1.11 0 2.08.37 2.91 1.1s1.3 1.64 1.4 2.74l.07.59c.02.11.09.17.21.17h1.63c.9 0 1.67.33 2.32.98c.65.66.98 1.44.98 2.35c0 .84-.28 1.58-.85 2.21s-1.27.98-2.1 1.06c-.48 0-.78.09-.91.28l-2.18 2.4a.75.75 0 0 0-.19.62c.03.23.13.45.31.63c.13.17.33.25.59.23s.46-.15.6-.38L20.64 22c.82-.08 1.58-.35 2.28-.82q1.035-.705 1.65-1.8c.615-1.095.6-1.52.6-2.36c0-.63-.14-1.32-.43-2.08c.77-.98 1.15-2.08 1.15-3.32c0-.98-.24-1.87-.71-2.69c-.48-.82-1.12-1.46-1.94-1.93s-1.71-.7-2.68-.7q-2.355 0-3.9 1.71c-.87-.43-1.79-.65-2.77-.65c-1.43 0-2.7.44-3.79 1.33s-1.8 2.03-2.11 3.43c-1.14.26-2.07.84-2.79 1.75s-1.09 1.96-1.09 3.15m3.8 7.5c0 .14.02.25.05.32c.08.21.23.36.44.44c.23.1.45.11.68.02c.23-.08.38-.24.45-.45c.1-.22.11-.44.02-.67a.75.75 0 0 0-.46-.46a.94.94 0 0 0-.66 0a.83.83 0 0 0-.47.45c-.03.08-.05.2-.05.35m1.84-2.44c0 .23.11.45.32.67c.43.36.84.31 1.26-.15l2.19-2.44c.15-.17.21-.38.18-.61a.86.86 0 0 0-.31-.57a.82.82 0 0 0-.63-.16c-.24.03-.43.13-.59.29l-2.2 2.38c-.15.21-.22.41-.22.59m.64 4.93c0 .12.03.23.08.32c.09.23.22.38.41.46c.12.05.24.07.37.07c.07 0 .18-.02.32-.06a.78.78 0 0 0 .44-.45c.1-.2.11-.41.02-.64a.71.71 0 0 0-.45-.46a.77.77 0 0 0-.66-.03c-.21.09-.38.25-.49.48c-.02.1-.04.2-.04.31m1.67-2.39v.13c.02.24.12.44.32.6q.21.27.6.24c.25-.02.45-.15.6-.38l4.22-4.91c.16-.18.22-.39.2-.64a.74.74 0 0 0-.35-.57a.82.82 0 0 0-.6-.19c-.23.02-.42.12-.58.3l-4.22 4.92c-.13.13-.19.29-.19.5m3.63.83a.94.94 0 0 0 0 .62c.09.22.24.38.45.49c.11.05.23.07.36.07q.09 0 .3-.06a.75.75 0 0 0 .46-.46c.1-.23.11-.44.03-.66a.74.74 0 0 0-.44-.44a.77.77 0 0 0-.66-.03c-.22.09-.39.25-.5.47m2.4-16.42c.68-.68 1.51-1.02 2.48-1.02c1.01 0 1.86.35 2.56 1.05s1.05 1.56 1.05 2.56c0 .62-.17 1.23-.52 1.82c-.97-.98-2.16-1.46-3.55-1.46h-.31c-.25-1.14-.82-2.12-1.71-2.95"/></svg>

Comment utiliser l'icône Night Rain Wind

React

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

<Icon icon="wi:night-rain-wind" width="24" />

Vue

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

<template>
  <Icon icon="wi:night-rain-wind" width="24" />
</template>

Svelte

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

<Icon icon="wi:night-rain-wind" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[wi--night-rain-wind]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/wi -->
<div class="i-wi:night-rain-wind"></div>

Web component

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

<iconify-icon icon="wi:night-rain-wind"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/wi/night-rain-wind.svg" alt="Icône Night Rain Wind" width="24" height="24">

Icônes similaires dans Weather Icons

FAQ : Icône Night Rain Wind

L'icône Night Rain Wind 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 Rain Wind dans React ?

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

Comment ajouter l'icône Night Rain Wind à une page web ?

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

Voir toutes les Weather Icons →