Day Rain アイコン
fontisto:day-rain
Day Rain アイコン(fontisto:day-rain)は、Fontisto セットの無料 SVG アイコンです（作者: Kenan Gündoğan）。 25 × 24 のグリッドで描かれています。 Fontisto icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fontisto
- 作者
- Kenan Gündoğan
- ライセンス
- MIT
- サイズ
- 25 × 24
- カテゴリ
- 天気
- タグ
- dayrain
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24"><path fill="currentColor" d="M3.75 23.818a.617.617 0 0 1 0-.876l3.205-3.205a.618.618 0 0 1 1.066.428a.62.62 0 0 1-.191.447l-3.206 3.205a.62.62 0 0 1-.876 0zm6.521-3.033a.617.617 0 0 1 0-.876l2.354-2.354H6.084l-3.23 3.23a.618.618 0 1 1-.876-.875l2.366-2.367a4.465 4.465 0 1 1 .246-8.924h-.006q.104.002.207.009c1.054-1.858 3.016-3.093 5.268-3.099h.01c.947 0 1.843.22 2.639.611l-.035-.016a4.4 4.4 0 0 1 1.477-1.046l.028-.011a4.347 4.347 0 0 1 3.778 7.818l-.023.011a3.033 3.033 0 0 1-2.563 4.654h-.993l-3.23 3.23a.617.617 0 0 1-.876 0zm-8.915-7.698a3.23 3.23 0 0 0 3.228 3.229h10.779a1.8 1.8 0 1 0-1.164-3.173l.003-.002a.619.619 0 0 1-.801-.944l.001-.001a3 3 0 0 1 1.426-.671l.018-.003a4.785 4.785 0 0 0-8.744-2.655l-.011.017c.492.178.917.42 1.292.721l-.009-.007a.62.62 0 1 1-.774.967l.001.001a3.17 3.17 0 0 0-2.005-.707h-.009a3.233 3.233 0 0 0-3.231 3.229zM14.658 6.21c-.348.152-.647.35-.905.593l.002-.002a6.01 6.01 0 0 1 2.331 4.755v.011c.351.087.66.225.937.406l-.011-.007a3.12 3.12 0 0 0 1.96-2.889a3.11 3.11 0 0 0-2.932-3.105h-.008q-.085-.004-.17-.004h-.008c-.432 0-.843.089-1.216.249zm6.399 9.587l-1.479-1.647a.619.619 0 1 1 .921-.828l.001.001l1.479 1.648a.619.619 0 1 1-.921.828zm3.23-5.642l-2.212-.12a.62.62 0 0 1 .033-1.237l.035.001h-.002l2.211.12a.62.62 0 0 1-.033 1.237zm-4.229-4.84a.617.617 0 0 1 .047-.874h.001l1.648-1.479a.619.619 0 1 1 .828.921l-.001.001l-1.648 1.479a.617.617 0 0 1-.874-.047v-.001zm-8.834-.479L9.745 3.187a.619.619 0 1 1 .923-.828v.001l1.478 1.649a.621.621 0 0 1-.925.829l-.001-.001zm4.944-1.385a.62.62 0 0 1-.585-.654v.002l.12-2.212A.62.62 0 0 1 16.94.62l-.001.035V.653l-.12 2.212a.62.62 0 0 1-.618.586z"/></svg>Day Rain アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fontisto:day-rain" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fontisto:day-rain" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fontisto:day-rain" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fontisto--day-rain]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fontisto -->
<div class="i-fontisto:day-rain"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fontisto:day-rain"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fontisto/day-rain.svg" alt="Day Rain アイコン" width="24" height="24">Fontisto の関連アイコン
他のアイコンセットの Day Rain アイコン
Day Rain アイコン のよくある質問
Day Rain アイコンは商用利用でも無料ですか?
はい。Fontisto icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Day Rain アイコンを使うには?
@iconify/react をインストールして <Icon icon="fontisto:day-rain" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Day Rain アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fontisto/day-rain.svg" alt="Day Rain アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。