Cloudy Moon Linear アイコン
solar:cloudy-moon-linear
Cloudy Moon Linear アイコン(solar:cloudy-moon-linear)は、Solar セットの無料 SVG アイコンです（作者: 480 Design）。 24 × 24 のグリッドで描かれています。 Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Solar
- 作者
- 480 Design
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- 天気
- タグ
- cloudymoon、moonlinear、cloudymoonlinear
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M15.5 15C17.8615 15 19.9289 13.7406 21.0672 11.8568C21.3065 11.4608 22 11.5373 22 12C22 15.7014 19.989 18.9331 17 20.6622M9 8.5C9 6.13845 10.2594 4.07105 12.1432 2.93276C12.5392 2.69347 12.4627 2 12 2C6.47715 2 2 6.47715 2 12C2 13.0452 2.16035 14.053 2.4578 15"/><path d="M10.0476 15.142C10.4349 15.0119 10.8516 14.9412 11.2857 14.9412C11.7113 14.9412 12.1201 15.0092 12.5008 15.1344M6.33333 17.1516C6.03343 16.9609 5.69238 16.824 5.3255 16.7555C5.15087 16.723 4.97039 16.7059 4.78571 16.7059C3.24721 16.7059 2 17.891 2 19.3529C2 20.8149 3.24721 22 4.78571 22H11.2857C13.3371 22 15 20.4198 15 18.4706C15 16.9257 13.9554 15.6126 12.5008 15.1344M5.3255 16.7555C5.17659 16.3736 5.09524 15.9605 5.09524 15.5294C5.09524 13.5802 6.75818 12 8.80952 12C10.7203 12 12.2941 13.3711 12.5008 15.1344"/></g></svg>Cloudy Moon Linear アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="solar:cloudy-moon-linear" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:cloudy-moon-linear" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:cloudy-moon-linear" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--cloudy-moon-linear]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:cloudy-moon-linear"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:cloudy-moon-linear"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/solar/cloudy-moon-linear.svg" alt="Cloudy Moon Linear アイコン" width="24" height="24">Solar の関連アイコン
Cloudy Moon Linear アイコン のよくある質問
Cloudy Moon Linear アイコンは商用利用でも無料ですか?
はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Cloudy Moon Linear アイコンを使うには?
@iconify/react をインストールして <Icon icon="solar:cloudy-moon-linear" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Cloudy Moon Linear アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/cloudy-moon-linear.svg" alt="Cloudy Moon Linear アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。