Rain Mix アイコン
wi:rain-mix
Rain Mix アイコン(wi:rain-mix)は、Weather Icons セットの無料 SVG アイコンです（作者: Erik Flowers）。 30 × 30 のグリッドで描かれています。 Weather Icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Weather Icons
- 作者
- Erik Flowers
- ライセンス
- OFL-1.1
- サイズ
- 30 × 30
- タグ
- 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
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>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 コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="wi:rain-mix"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/wi/rain-mix.svg" alt="Rain Mix アイコン" width="24" height="24">Weather Icons の関連アイコン
Rain Mix アイコン のよくある質問
Rain Mix アイコンは商用利用でも無料ですか?
はい。Weather Icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。
React で Rain Mix アイコンを使うには?
@iconify/react をインストールして <Icon icon="wi:rain-mix" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Rain Mix アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/wi/rain-mix.svg" alt="Rain Mix アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。