Sun Behind Large Cloud アイコン
emojione:sun-behind-large-cloud
Sun Behind Large Cloud アイコン(emojione:sun-behind-large-cloud)は、Emoji One (Colored) セットの無料 SVG アイコンです（作者: Emoji One）。 64 × 64 のグリッドで描かれています。 Emoji One (Colored) icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Emoji One (Colored)
- 作者
- Emoji One
- ライセンス
- CC-BY-4.0
- サイズ
- 64 × 64
- カテゴリ
- 自然
- タグ
- sunbehind、behindlarge、largecloud、sunbehindlargecloud
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><g fill="#ffce31"><circle cx="22" cy="24" r="9.3"/><path d="M25.7 13.1L22 4l-3.7 9.1c1.2-.2 2.5-.3 3.7-.3c1.3 0 2.5.1 3.7.3m-7.4 21.8L22 44l3.7-9.1c-1.2.2-2.5.3-3.7.3c-1.3 0-2.5-.1-3.7-.3m14.6-7.2L42 24l-9.1-3.7c.2 1.2.3 2.5.3 3.7c0 1.3-.1 2.5-.3 3.7m-21.8-7.4L2 24l9.1 3.7c-.2-1.2-.3-2.5-.3-3.7c0-1.3.1-2.5.3-3.7M32.3 19l3.8-9.1l-9.1 3.8c1 .7 2 1.5 2.9 2.4s1.7 1.8 2.4 2.9M11.7 29l-3.8 9.1l9.1-3.8c-1-.7-2-1.5-2.9-2.4s-1.7-1.8-2.4-2.9M27 34.3l9.1 3.8l-3.8-9.1c-.7 1-1.5 2-2.4 2.9s-1.8 1.7-2.9 2.4M17 13.7L7.9 9.9l3.8 9.1c.7-1 1.5-2 2.4-2.9s1.8-1.7 2.9-2.4"/></g><path fill="#fff" d="M17.2 58.1c-1 0-2-.2-2.9-.5c-3.8-1.3-6.4-4.9-6.4-9c0-2.7 1.2-5.3 3.2-7.1c.5-.5 1.1-.9 1.7-1.2l.6-2.2c1.5-5.5 6.5-9.3 12.1-9.3c.6 0 1.1 0 1.8.1l1.5.3l.2-.5c2.3-4.1 6.6-6.7 11.2-6.7C47.3 22 53 27.8 53 35v1.3c.5.2 1.1.5 1.6.8c3.4 2 5.5 5.7 5.5 9.7c0 5.2-3.5 9.7-8.6 10.9c-.8.2-1.7.3-2.5.3z"/><path fill="#75d6ff" d="M40.3 24.1c6 0 10.9 5 10.9 11.1v.9c-2.5.2-4.8 1.2-6.6 2.8c1.3-.8 2.9-1.2 4.6-1.2c.6 0 1.2.1 1.8.2c1 .2 1.9.6 2.8 1.1c2.7 1.6 4.6 4.6 4.6 8c0 4.4-3 8.1-7.1 9c-.7.2-1.3.2-2.1.2h-32c-.8 0-1.6-.1-2.3-.4c-3-1-5.1-3.8-5.1-7.2c0-2.3 1-4.3 2.6-5.7c.7-.6 1.5-1.1 2.4-1.4c.8-.3 1.6-.4 2.5-.4c2.4 0 4.5 1.2 5.9 2.9h.1c-1.6-3-4.5-5-8-5.4c1.3-4.6 5.4-7.9 10.3-7.9c.5 0 1 .1 1.5.1c1 .1 1.9.4 2.8.8c3.3 1.5 5.7 4.6 6.3 8.4v-.1c0-4.3-2.2-8-5.4-10.2c1.8-3.3 5.3-5.6 9.5-5.6m0-3.7c-5 0-9.7 2.6-12.4 6.9h-.3c-.8-.1-1.4-.2-2.1-.2c-6.4 0-12.2 4.4-13.9 10.6l-.4 1.5c-.5.3-.9.6-1.3 1C7.4 42.3 6 45.4 6 48.7c0 4.9 3.1 9.2 7.7 10.8c1.1.4 2.3.6 3.5.6h31.9c1 0 1.9-.1 2.9-.3c5.9-1.4 10-6.6 10-12.7c0-4.6-2.5-9-6.5-11.3l-.6-.3v-.1c0-8.4-6.5-15-14.6-15"/></svg>
Sun Behind Large Cloud アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="emojione:sun-behind-large-cloud" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione:sun-behind-large-cloud" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione:sun-behind-large-cloud" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione--sun-behind-large-cloud]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione -->
<div class="i-emojione:sun-behind-large-cloud"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione:sun-behind-large-cloud"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione/sun-behind-large-cloud.svg" alt="Sun Behind Large Cloud アイコン" width="24" height="24">
Emoji One (Colored) の関連アイコン
他のアイコンセットの Sun Behind Large Cloud アイコン
Sun Behind Large Cloud アイコン のよくある質問
Sun Behind Large Cloud アイコンは商用利用でも無料ですか?
はい。Emoji One (Colored) icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Sun Behind Large Cloud アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione:sun-behind-large-cloud" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Sun Behind Large Cloud アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione/sun-behind-large-cloud.svg" alt="Sun Behind Large Cloud アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Emoji One (Colored) アイコン をすべて見る →
ICONYZ
