Icône Rain Mix
wi:rain-mix
L'icône Rain Mix (wi:rain-mix) 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
- rainmix, wmo4680 87, wmo4680 85, yahoo 35, yahoo 6, owm 612, wmo4680 22, owm 616, wmo4680 67, wmo4680 40, yahoo 5, yahoo 18, wmo4680 21, owm 615, owm 310, wmo4680 86
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><path fill="currentColor" d="M4.65 16.96c0 1.32.47 2.46 1.4 3.41c.93.96 2.06 1.46 3.38 1.5c.12 0 .18-.06.18-.17v-1.33q0-.18-.18-.18c-.84-.04-1.57-.38-2.17-1.02s-.91-1.37-.91-2.22c0-.84.28-1.57.85-2.19s1.26-.97 2.1-1.04l.53-.07c.12 0 .19-.06.19-.18l.07-.5c.1-1.09.55-2.01 1.36-2.75s1.76-1.11 2.86-1.11c1.08 0 2.03.37 2.84 1.1s1.28 1.63 1.4 2.71l.07.58c0 .12.06.18.19.18h1.6c.9 0 1.67.32 2.32.97c.64.64.97 1.41.97 2.3q0 1.26-.9 2.22c-.6.63-1.33.97-2.18 1.02c-.13 0-.2.06-.2.18v1.33c0 .11.07.17.2.17c1.33-.04 2.46-.54 3.38-1.5s1.38-2.09 1.38-3.42c0-.89-.22-1.72-.67-2.48a4.9 4.9 0 0 0-1.81-1.8c-.76-.44-1.59-.66-2.48-.66h-.31A5.9 5.9 0 0 0 18 8.72a5.76 5.76 0 0 0-3.68-1.28c-1.41 0-2.66.44-3.75 1.31s-1.79 1.99-2.1 3.35c-1.13.29-2.04.88-2.75 1.77s-1.07 1.93-1.07 3.09m5.4 7.02c0 .17.05.34.16.51s.27.28.47.35c.23.07.44.06.64-.04c.19-.09.33-.28.39-.56l.14-.61a.853.853 0 0 0-.61-1.03c-.22-.07-.44-.04-.64.08s-.34.3-.4.53l-.14.59c0 .03-.01.09-.01.18m.76-2.9c0 .21.08.4.25.57c.16.17.34.25.56.25q.36 0 .6-.24c.16-.16.24-.35.24-.59c0-.23-.08-.43-.24-.59a.8.8 0 0 0-.6-.24c-.23 0-.42.08-.58.23c-.15.18-.23.38-.23.61m.61-2.27c-.01.16.03.31.14.45c.1.15.26.25.48.32c.21.06.41.04.62-.07s.34-.28.41-.51l.28-.9c.07-.24.05-.46-.07-.65a.9.9 0 0 0-.54-.39a.74.74 0 0 0-.63.07a.85.85 0 0 0-.41.5l-.24.92c0 .02-.01.06-.02.12c-.01.05-.02.1-.02.14m1.17 8.29c0 .18.05.34.15.5q.15.24.48.33c.08.02.17.03.25.03c.43 0 .69-.2.79-.61l.14-.59a.92.92 0 0 0-.08-.68a.77.77 0 0 0-.52-.37a.74.74 0 0 0-.63.07c-.21.12-.34.29-.41.51l-.14.59c-.02.09-.03.16-.03.22m.77-2.9c0 .22.08.41.25.58q.24.24.57.24c.24 0 .43-.08.59-.23c.16-.16.23-.35.23-.59a.784.784 0 0 0-.82-.81c-.24 0-.43.08-.59.23s-.23.35-.23.58m.63-2.27c-.01.15.03.31.13.47q.15.24.45.3c.23.06.44.04.64-.06s.33-.29.41-.56l.27-.9c.07-.22.05-.43-.07-.63a.87.87 0 0 0-.53-.4a.77.77 0 0 0-.64.08c-.21.12-.34.3-.41.53l-.23.9c-.01.08-.02.17-.02.27m2.76 2.15q0 .24.15.48c.1.16.26.27.46.33c.03 0 .08.01.14.02s.1.02.14.02c.41 0 .66-.22.76-.66l.14-.6c.07-.21.05-.42-.07-.63a.8.8 0 0 0-.51-.41c-.25-.06-.48-.04-.68.08s-.34.29-.41.53l-.09.59c0 .02-.01.07-.02.12s-.01.09-.01.13m.74-2.96c0 .22.08.42.25.57q.225.24.57.24c.24 0 .43-.08.59-.23s.23-.35.23-.58c0-.24-.08-.43-.23-.59s-.35-.23-.59-.23s-.43.08-.59.23c-.15.16-.23.35-.23.59m.61-2.31c0 .17.05.33.16.48s.27.26.49.32c.02 0 .06.01.12.02s.11.02.14.02q.15 0 .36-.09c.21-.11.35-.29.41-.52l.24-.9c.06-.23.04-.44-.08-.63a.83.83 0 0 0-.51-.4a.8.8 0 0 0-.64.06c-.19.11-.33.27-.39.51l-.28.91c0 .02-.01.06-.02.12z"/></svg>Comment utiliser l'icône Rain Mix
React
import { Icon } from "@iconify/react";
<Icon icon="wi:rain-mix" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="wi:rain-mix" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="wi:rain-mix" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[wi--rain-mix]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/wi -->
<div class="i-wi:rain-mix"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="wi:rain-mix"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/wi/rain-mix.svg" alt="Icône Rain Mix" width="24" height="24">Icônes similaires dans Weather Icons
FAQ : Icône Rain Mix
L'icône Rain Mix 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 Rain Mix dans React ?
Installez @iconify/react et affichez <Icon icon="wi:rain-mix" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Rain Mix à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/wi/rain-mix.svg" alt="Icône Rain Mix">, ou collez le code SVG directement dans la page pour le styliser en CSS.