Icône Day Rain
wi:day-rain
L'icône Day Rain (wi:day-rain) 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
- dayrain, owm day 310, owm day 502, owm day 312, owm day 311, owm day 504, owm day 501, owm day 302, owm day 314, owm day 503, owm day 313
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><path fill="currentColor" d="M1.51 16.89c0 1.33.46 2.48 1.39 3.44s2.06 1.47 3.41 1.53c.11 0 .17-.06.17-.17v-1.34c0-.11-.06-.17-.17-.17c-.86-.04-1.59-.39-2.19-1.03s-.9-1.4-.9-2.26c0-.82.28-1.54.85-2.16s1.27-.97 2.1-1.07l.53-.05c.13 0 .2-.06.2-.17l.07-.54c.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.72l.07.57c0 .12.06.19.17.19h1.62c.89 0 1.65.32 2.3.96s.97 1.39.97 2.27c0 .87-.3 1.62-.9 2.26s-1.33.98-2.18 1.03c-.12 0-.19.06-.19.17v1.34c0 .11.06.17.19.17c1.33-.04 2.46-.55 3.39-1.51c.93-.97 1.39-2.12 1.39-3.45q0-1.08-.42-2.01c.78-.97 1.17-2.07 1.17-3.31c0-.95-.24-1.83-.71-2.64q-.705-1.215-1.92-1.92c-1.215-.705-1.68-.7-2.62-.7c-1.56 0-2.85.58-3.88 1.74c-.82-.44-1.72-.66-2.71-.66c-1.41 0-2.67.44-3.76 1.32s-1.79 2-2.1 3.36c-1.11.26-2.02.84-2.74 1.74s-1.08 1.92-1.08 3.07m5.4 6.86c0 .17.05.33.16.49s.27.27.49.33c.11.02.2.04.27.04c.39 0 .65-.21.77-.64l1.58-5.88c.07-.24.04-.46-.08-.67a.77.77 0 0 0-.53-.38a.74.74 0 0 0-.63.07c-.2.11-.34.28-.41.51l-1.58 5.91c-.02.13-.04.2-.04.22m2.61 3.08c0 .19.05.36.15.52s.27.26.52.3c.11.02.2.04.26.04c.16 0 .31-.06.45-.17q.21-.18.27-.48l2.4-8.93c.06-.23.04-.45-.07-.64s-.28-.33-.5-.4a.78.78 0 0 0-.65.07c-.2.11-.34.28-.4.51l-2.4 8.93c-.02.15-.03.24-.03.25M9.94 4.6c0 .24.08.44.25.61l.65.66c.19.15.4.22.62.22c.21 0 .41-.08.58-.23c.17-.16.26-.35.26-.59s-.08-.46-.24-.64l-.64-.65a.854.854 0 0 0-1.22.01c-.17.17-.26.38-.26.61m3.73 19.17a.82.82 0 0 0 .61.79c.11.02.2.04.25.04c.17 0 .34-.05.49-.15s.25-.26.3-.49l1.58-5.88a.835.835 0 0 0-.57-1.04a.77.77 0 0 0-.65.07a.78.78 0 0 0-.39.51l-1.58 5.91c-.02.15-.04.23-.04.24M15.3 9.03c.71-.67 1.53-1 2.48-1c.98 0 1.82.35 2.5 1.04c.69.69 1.03 1.53 1.03 2.52c0 .62-.17 1.24-.52 1.85c-.97-.97-2.13-1.45-3.49-1.45h-.33a5.76 5.76 0 0 0-1.67-2.96m1.62-5.25c0 .23.08.43.25.59s.37.24.61.24c.23 0 .43-.08.59-.23c.16-.16.24-.35.24-.59V1.73c0-.26-.08-.47-.23-.63a.8.8 0 0 0-.59-.24c-.25 0-.46.08-.62.25s-.24.37-.24.62v2.05zm5.53 2.28c0 .24.09.44.27.59c.14.16.32.24.55.26s.44-.07.62-.26l1.44-1.43c.18-.17.26-.38.26-.63c0-.24-.08-.45-.25-.61a.85.85 0 0 0-.61-.24c-.21 0-.4.08-.58.25l-1.43 1.44q-.27.255-.27.63m.81 11.85q0 .36.24.63l.65.63q.27.21.6.21l.02.02c.23 0 .42-.08.58-.24s.24-.37.24-.61s-.09-.43-.26-.58l-.62-.66c-.18-.16-.39-.24-.62-.24s-.43.08-.59.25s-.24.35-.24.59m1.46-6.33c0 .24.09.43.26.59c.18.18.38.26.62.26h2.03c.24 0 .44-.08.61-.25s.25-.37.25-.6c0-.24-.08-.44-.25-.61s-.37-.26-.61-.26H25.6a.87.87 0 0 0-.62.26c-.18.17-.26.37-.26.61"/></svg>
Comment utiliser l'icône Day Rain
React
import { Icon } from "@iconify/react";
<Icon icon="wi:day-rain" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="wi:day-rain" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="wi:day-rain" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[wi--day-rain]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/wi -->
<div class="i-wi:day-rain"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="wi:day-rain"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/wi/day-rain.svg" alt="Icône Day Rain" width="24" height="24">
Icônes similaires dans Weather Icons
L'icône Day Rain dans d'autres collections
FAQ : Icône Day Rain
L'icône Day Rain 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 Day Rain dans React ?
Installez @iconify/react et affichez <Icon icon="wi:day-rain" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Day Rain à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/wi/day-rain.svg" alt="Icône Day Rain">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Weather Icons →
