Cloud With Rain アイコン
emojione-monotone:cloud-with-rain
Cloud With Rain アイコン(emojione-monotone:cloud-with-rain)は、Emoji One (Monotone) セットの無料 SVG アイコンです（作者: Emoji One）。 64 × 64 のグリッドで描かれています。 Emoji One (Monotone) icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Emoji One (Monotone)
- 作者
- Emoji One
- ライセンス
- CC-BY-4.0
- サイズ
- 64 × 64
- カテゴリ
- 自然
- タグ
- cloudwith、withrain、cloudwithrain
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="currentColor" d="M23.624 45.374c-.592 1.635-.09 3.32 1.125 3.766c1.213.443 2.68-.522 3.272-2.158c.696-1.925.744-4.56.271-7.616c-2.282 2.002-3.97 4.082-4.668 6.008m13.571 1.607c.698-1.925.744-4.56.271-7.616c-2.282 2.003-3.971 4.083-4.667 6.009c-.594 1.635-.09 3.32 1.125 3.766c1.215.443 2.68-.523 3.271-2.159m9.447-7.616c-2.282 2.003-3.971 4.083-4.669 6.009c-.591 1.635-.088 3.32 1.125 3.766c1.215.443 2.68-.522 3.272-2.158c.697-1.925.746-4.56.272-7.617m-32.193 6.009c-.591 1.635-.088 3.32 1.125 3.766c1.215.443 2.68-.522 3.272-2.158c.697-1.925.744-4.56.271-7.616c-2.281 2.002-3.969 4.082-4.668 6.008m1.974 12.753c-.591 1.635-.09 3.32 1.125 3.765s2.68-.521 3.272-2.156c.696-1.926.744-4.561.271-7.617c-2.282 2.002-3.97 4.082-4.668 6.008m13.571 1.608c.699-1.926.744-4.561.271-7.617c-2.28 2.003-3.97 4.083-4.667 6.009c-.593 1.635-.089 3.32 1.125 3.765s2.681-.522 3.271-2.157m9.444-7.617c-2.28 2.003-3.97 4.083-4.665 6.009c-.594 1.635-.09 3.32 1.124 3.765s2.68-.521 3.271-2.156c.698-1.926.745-4.561.27-7.618m-32.19 6.009c-.592 1.635-.088 3.32 1.126 3.765s2.68-.521 3.271-2.156c.698-1.926.745-4.561.271-7.617c-2.281 2.002-3.972 4.082-4.668 6.008M38.502 5.172c5.144 0 9.314 4.168 9.314 9.309c0 .25-.019.494-.037.737a9.75 9.75 0 0 0-5.649 2.355a7.8 7.8 0 0 1 3.883-1.037a7.74 7.74 0 0 1 3.889 1.04c2.342 1.349 3.921 3.865 3.921 6.759c0 3.705-2.589 6.804-6.056 7.599a7.7 7.7 0 0 1-1.753.207H18.863a6.3 6.3 0 0 1-1.992-.325a6.35 6.35 0 0 1-4.358-6.021c0-1.909.847-3.617 2.18-4.777a6.3 6.3 0 0 1 2.081-1.21a6.3 6.3 0 0 1 2.09-.362a6.34 6.34 0 0 1 5.027 2.478l.057-.002a8.7 8.7 0 0 0-6.82-4.508c1.1-3.825 4.62-6.63 8.8-6.63c.446 0 .882.042 1.309.105c.85.122 1.66.354 2.416.692a9.15 9.15 0 0 1 5.333 7.042l.002-.056c0-3.59-1.843-6.75-4.635-8.594a9.31 9.31 0 0 1 8.149-4.801m0-3.172c-4.284 0-8.259 2.2-10.546 5.789l-.265-.041a12 12 0 0 0-1.765-.136c-5.47 0-10.345 3.67-11.854 8.928l-.36 1.25q-.584.376-1.113.84a9.5 9.5 0 0 0-3.264 7.165a9.5 9.5 0 0 0 6.54 9.035c.962.321 1.97.483 2.987.483h27.149c.82 0 1.651-.096 2.473-.287A10.92 10.92 0 0 0 57 24.335a11.01 11.01 0 0 0-6.007-9.776v-.079C50.993 7.6 45.389 2 38.502 2"/></svg>
Cloud With Rain アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-monotone:cloud-with-rain" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-monotone:cloud-with-rain" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-monotone:cloud-with-rain" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-monotone--cloud-with-rain]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-monotone -->
<div class="i-emojione-monotone:cloud-with-rain"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-monotone:cloud-with-rain"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione-monotone/cloud-with-rain.svg" alt="Cloud With Rain アイコン" width="24" height="24">
Emoji One (Monotone) の関連アイコン
他のアイコンセットの Cloud With Rain アイコン
Cloud With Rain アイコン のよくある質問
Cloud With Rain アイコンは商用利用でも無料ですか?
はい。Emoji One (Monotone) icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Cloud With Rain アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione-monotone:cloud-with-rain" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Cloud With Rain アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione-monotone/cloud-with-rain.svg" alt="Cloud With Rain アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Emoji One (Monotone) アイコン をすべて見る →
ICONYZ
