Sun アイコン
fluent-emoji:sun
Sun アイコン(fluent-emoji:sun)は、Fluent Emoji セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g filter="url(#iUkShgb)"><path fill="url(#if0RPBd)" d="M13.05 3.33c1.532-1.723 3.614-1.448 4.946 0l.812.941c.282.307.689.465 1.103.43l1.444-.43c1.969-.422 3.758 1.047 3.758 3.328v.86c.042.469.452.787.875.994l1.305.545c1.887.922 2.36 3.11.984 4.945l-.39.516c-.35.473-.279 1.095.07 1.57l.39.547c1.422 1.75.62 4.15-1.388 4.99l-1.123.469c-.423.177-.59.48-.668.932l-.078 1.468c-.274 2.016-2.064 2.926-3.5 2.723l-1.711-.457c-.411-.058-.922.078-1.196.508l-.617.844c-1.531 1.726-3.598 1.439-4.64.43l-1.139-1.38c-.298-.288-.674-.535-1.124-.365l-1.722.47c-1.421.202-3.096-.89-3.363-2.301l-.2-2.042a1.34 1.34 0 0 0-.752-.968l-1.208-.415c-1.817-.846-2.425-2.896-1.382-4.607l.68-.942a1.34 1.34 0 0 0-.033-1.45l-.507-.72c-1.438-2.046-.444-4.334 1.686-5.02l.47-.151c.518-.167 1.02-.598 1.062-1.141L6 7.133c.17-2.14 2.122-3.368 4.176-2.743l.665.202c.64.25 1.142.037 1.492-.344z"/><path fill="url(#iUCq4qd)" d="M13.05 3.33c1.532-1.723 3.614-1.448 4.946 0l.812.941c.282.307.689.465 1.103.43l1.444-.43c1.969-.422 3.758 1.047 3.758 3.328v.86c.042.469.452.787.875.994l1.305.545c1.887.922 2.36 3.11.984 4.945l-.39.516c-.35.473-.279 1.095.07 1.57l.39.547c1.422 1.75.62 4.15-1.388 4.99l-1.123.469c-.423.177-.59.48-.668.932l-.078 1.468c-.274 2.016-2.064 2.926-3.5 2.723l-1.711-.457c-.411-.058-.922.078-1.196.508l-.617.844c-1.531 1.726-3.598 1.439-4.64.43l-1.139-1.38c-.298-.288-.674-.535-1.124-.365l-1.722.47c-1.421.202-3.096-.89-3.363-2.301l-.2-2.042a1.34 1.34 0 0 0-.752-.968l-1.208-.415c-1.817-.846-2.425-2.896-1.382-4.607l.68-.942a1.34 1.34 0 0 0-.033-1.45l-.507-.72c-1.438-2.046-.444-4.334 1.686-5.02l.47-.151c.518-.167 1.02-.598 1.062-1.141L6 7.133c.17-2.14 2.122-3.368 4.176-2.743l.665.202c.64.25 1.142.037 1.492-.344z"/><path fill="url(#im8mtXb)" d="M13.05 3.33c1.532-1.723 3.614-1.448 4.946 0l.812.941c.282.307.689.465 1.103.43l1.444-.43c1.969-.422 3.758 1.047 3.758 3.328v.86c.042.469.452.787.875.994l1.305.545c1.887.922 2.36 3.11.984 4.945l-.39.516c-.35.473-.279 1.095.07 1.57l.39.547c1.422 1.75.62 4.15-1.388 4.99l-1.123.469c-.423.177-.59.48-.668.932l-.078 1.468c-.274 2.016-2.064 2.926-3.5 2.723l-1.711-.457c-.411-.058-.922.078-1.196.508l-.617.844c-1.531 1.726-3.598 1.439-4.64.43l-1.139-1.38c-.298-.288-.674-.535-1.124-.365l-1.722.47c-1.421.202-3.096-.89-3.363-2.301l-.2-2.042a1.34 1.34 0 0 0-.752-.968l-1.208-.415c-1.817-.846-2.425-2.896-1.382-4.607l.68-.942a1.34 1.34 0 0 0-.033-1.45l-.507-.72c-1.438-2.046-.444-4.334 1.686-5.02l.47-.151c.518-.167 1.02-.598 1.062-1.141L6 7.133c.17-2.14 2.122-3.368 4.176-2.743l.665.202c.64.25 1.142.037 1.492-.344z"/><path fill="url(#iy4Y6wv)" d="M13.05 3.33c1.532-1.723 3.614-1.448 4.946 0l.812.941c.282.307.689.465 1.103.43l1.444-.43c1.969-.422 3.758 1.047 3.758 3.328v.86c.042.469.452.787.875.994l1.305.545c1.887.922 2.36 3.11.984 4.945l-.39.516c-.35.473-.279 1.095.07 1.57l.39.547c1.422 1.75.62 4.15-1.388 4.99l-1.123.469c-.423.177-.59.48-.668.932l-.078 1.468c-.274 2.016-2.064 2.926-3.5 2.723l-1.711-.457c-.411-.058-.922.078-1.196.508l-.617.844c-1.531 1.726-3.598 1.439-4.64.43l-1.139-1.38c-.298-.288-.674-.535-1.124-.365l-1.722.47c-1.421.202-3.096-.89-3.363-2.301l-.2-2.042a1.34 1.34 0 0 0-.752-.968l-1.208-.415c-1.817-.846-2.425-2.896-1.382-4.607l.68-.942a1.34 1.34 0 0 0-.033-1.45l-.507-.72c-1.438-2.046-.444-4.334 1.686-5.02l.47-.151c.518-.167 1.02-.598 1.062-1.141L6 7.133c.17-2.14 2.122-3.368 4.176-2.743l.665.202c.64.25 1.142.037 1.492-.344z"/><path fill="url(#ioVfymm)" d="M13.05 3.33c1.532-1.723 3.614-1.448 4.946 0l.812.941c.282.307.689.465 1.103.43l1.444-.43c1.969-.422 3.758 1.047 3.758 3.328v.86c.042.469.452.787.875.994l1.305.545c1.887.922 2.36 3.11.984 4.945l-.39.516c-.35.473-.279 1.095.07 1.57l.39.547c1.422 1.75.62 4.15-1.388 4.99l-1.123.469c-.423.177-.59.48-.668.932l-.078 1.468c-.274 2.016-2.064 2.926-3.5 2.723l-1.711-.457c-.411-.058-.922.078-1.196.508l-.617.844c-1.531 1.726-3.598 1.439-4.64.43l-1.139-1.38c-.298-.288-.674-.535-1.124-.365l-1.722.47c-1.421.202-3.096-.89-3.363-2.301l-.2-2.042a1.34 1.34 0 0 0-.752-.968l-1.208-.415c-1.817-.846-2.425-2.896-1.382-4.607l.68-.942a1.34 1.34 0 0 0-.033-1.45l-.507-.72c-1.438-2.046-.444-4.334 1.686-5.02l.47-.151c.518-.167 1.02-.598 1.062-1.141L6 7.133c.17-2.14 2.122-3.368 4.176-2.743l.665.202c.64.25 1.142.037 1.492-.344z"/><path fill="url(#i8uZ4zJ)" d="M13.05 3.33c1.532-1.723 3.614-1.448 4.946 0l.812.941c.282.307.689.465 1.103.43l1.444-.43c1.969-.422 3.758 1.047 3.758 3.328v.86c.042.469.452.787.875.994l1.305.545c1.887.922 2.36 3.11.984 4.945l-.39.516c-.35.473-.279 1.095.07 1.57l.39.547c1.422 1.75.62 4.15-1.388 4.99l-1.123.469c-.423.177-.59.48-.668.932l-.078 1.468c-.274 2.016-2.064 2.926-3.5 2.723l-1.711-.457c-.411-.058-.922.078-1.196.508l-.617.844c-1.531 1.726-3.598 1.439-4.64.43l-1.139-1.38c-.298-.288-.674-.535-1.124-.365l-1.722.47c-1.421.202-3.096-.89-3.363-2.301l-.2-2.042a1.34 1.34 0 0 0-.752-.968l-1.208-.415c-1.817-.846-2.425-2.896-1.382-4.607l.68-.942a1.34 1.34 0 0 0-.033-1.45l-.507-.72c-1.438-2.046-.444-4.334 1.686-5.02l.47-.151c.518-.167 1.02-.598 1.062-1.141L6 7.133c.17-2.14 2.122-3.368 4.176-2.743l.665.202c.64.25 1.142.037 1.492-.344z"/><path fill="url(#iTXTuKc)" d="M13.05 3.33c1.532-1.723 3.614-1.448 4.946 0l.812.941c.282.307.689.465 1.103.43l1.444-.43c1.969-.422 3.758 1.047 3.758 3.328v.86c.042.469.452.787.875.994l1.305.545c1.887.922 2.36 3.11.984 4.945l-.39.516c-.35.473-.279 1.095.07 1.57l.39.547c1.422 1.75.62 4.15-1.388 4.99l-1.123.469c-.423.177-.59.48-.668.932l-.078 1.468c-.274 2.016-2.064 2.926-3.5 2.723l-1.711-.457c-.411-.058-.922.078-1.196.508l-.617.844c-1.531 1.726-3.598 1.439-4.64.43l-1.139-1.38c-.298-.288-.674-.535-1.124-.365l-1.722.47c-1.421.202-3.096-.89-3.363-2.301l-.2-2.042a1.34 1.34 0 0 0-.752-.968l-1.208-.415c-1.817-.846-2.425-2.896-1.382-4.607l.68-.942a1.34 1.34 0 0 0-.033-1.45l-.507-.72c-1.438-2.046-.444-4.334 1.686-5.02l.47-.151c.518-.167 1.02-.598 1.062-1.141L6 7.133c.17-2.14 2.122-3.368 4.176-2.743l.665.202c.64.25 1.142.037 1.492-.344z"/><path fill="url(#i3CI4Zd)" d="M13.05 3.33c1.532-1.723 3.614-1.448 4.946 0l.812.941c.282.307.689.465 1.103.43l1.444-.43c1.969-.422 3.758 1.047 3.758 3.328v.86c.042.469.452.787.875.994l1.305.545c1.887.922 2.36 3.11.984 4.945l-.39.516c-.35.473-.279 1.095.07 1.57l.39.547c1.422 1.75.62 4.15-1.388 4.99l-1.123.469c-.423.177-.59.48-.668.932l-.078 1.468c-.274 2.016-2.064 2.926-3.5 2.723l-1.711-.457c-.411-.058-.922.078-1.196.508l-.617.844c-1.531 1.726-3.598 1.439-4.64.43l-1.139-1.38c-.298-.288-.674-.535-1.124-.365l-1.722.47c-1.421.202-3.096-.89-3.363-2.301l-.2-2.042a1.34 1.34 0 0 0-.752-.968l-1.208-.415c-1.817-.846-2.425-2.896-1.382-4.607l.68-.942a1.34 1.34 0 0 0-.033-1.45l-.507-.72c-1.438-2.046-.444-4.334 1.686-5.02l.47-.151c.518-.167 1.02-.598 1.062-1.141L6 7.133c.17-2.14 2.122-3.368 4.176-2.743l.665.202c.64.25 1.142.037 1.492-.344z"/><path fill="url(#ipgzEkc)" d="M13.05 3.33c1.532-1.723 3.614-1.448 4.946 0l.812.941c.282.307.689.465 1.103.43l1.444-.43c1.969-.422 3.758 1.047 3.758 3.328v.86c.042.469.452.787.875.994l1.305.545c1.887.922 2.36 3.11.984 4.945l-.39.516c-.35.473-.279 1.095.07 1.57l.39.547c1.422 1.75.62 4.15-1.388 4.99l-1.123.469c-.423.177-.59.48-.668.932l-.078 1.468c-.274 2.016-2.064 2.926-3.5 2.723l-1.711-.457c-.411-.058-.922.078-1.196.508l-.617.844c-1.531 1.726-3.598 1.439-4.64.43l-1.139-1.38c-.298-.288-.674-.535-1.124-.365l-1.722.47c-1.421.202-3.096-.89-3.363-2.301l-.2-2.042a1.34 1.34 0 0 0-.752-.968l-1.208-.415c-1.817-.846-2.425-2.896-1.382-4.607l.68-.942a1.34 1.34 0 0 0-.033-1.45l-.507-.72c-1.438-2.046-.444-4.334 1.686-5.02l.47-.151c.518-.167 1.02-.598 1.062-1.141L6 7.133c.17-2.14 2.122-3.368 4.176-2.743l.665.202c.64.25 1.142.037 1.492-.344z"/><path fill="url(#iCDpCid)" d="M13.05 3.33c1.532-1.723 3.614-1.448 4.946 0l.812.941c.282.307.689.465 1.103.43l1.444-.43c1.969-.422 3.758 1.047 3.758 3.328v.86c.042.469.452.787.875.994l1.305.545c1.887.922 2.36 3.11.984 4.945l-.39.516c-.35.473-.279 1.095.07 1.57l.39.547c1.422 1.75.62 4.15-1.388 4.99l-1.123.469c-.423.177-.59.48-.668.932l-.078 1.468c-.274 2.016-2.064 2.926-3.5 2.723l-1.711-.457c-.411-.058-.922.078-1.196.508l-.617.844c-1.531 1.726-3.598 1.439-4.64.43l-1.139-1.38c-.298-.288-.674-.535-1.124-.365l-1.722.47c-1.421.202-3.096-.89-3.363-2.301l-.2-2.042a1.34 1.34 0 0 0-.752-.968l-1.208-.415c-1.817-.846-2.425-2.896-1.382-4.607l.68-.942a1.34 1.34 0 0 0-.033-1.45l-.507-.72c-1.438-2.046-.444-4.334 1.686-5.02l.47-.151c.518-.167 1.02-.598 1.062-1.141L6 7.133c.17-2.14 2.122-3.368 4.176-2.743l.665.202c.64.25 1.142.037 1.492-.344z"/></g><g filter="url(#ilje9gb)"><path fill="url(#i0GoTwA)" d="M15.534 26.934c5.934 0 10.743-4.81 10.743-10.743S21.467 5.448 15.534 5.448S4.791 10.258 4.791 16.191s4.81 10.743 10.743 10.743"/></g><defs><radialGradient id="iUCq4qd" cx="0" cy="0" r="1" gradientTransform="rotate(138.155 8.402 5.182)scale(3.77864 3.33393)" gradientUnits="userSpaceOnUse"><stop offset=".3" stop-color="#FFA13A"/><stop offset="1" stop-color="#FFA13A" stop-opacity="0"/></radialGradient><radialGradient id="im8mtXb" cx="0" cy="0" r="1" gradientTransform="matrix(2.26873 5.56226 -4.90764 2.00172 8.288 2.244)" gradientUnits="userSpaceOnUse"><stop offset=".3" stop-color="#FF942A"/><stop offset="1" stop-color="#FF942A" stop-opacity="0"/></radialGradient><radialGradient id="iy4Y6wv" cx="0" cy="0" r="1" gradientTransform="rotate(-164.745 12.736 2.29)scale(2.39513 3.31637)" gradientUnits="userSpaceOnUse"><stop offset=".3" stop-color="#FFA13D"/><stop offset="1" stop-color="#FFA13D" stop-opacity="0"/></radialGradient><radialGradient id="ioVfymm" cx="0" cy="0" r="1" gradientTransform="matrix(-3.8232 1.84862 -1.36534 -2.82372 29.252 11.336)" gradientUnits="userSpaceOnUse"><stop offset=".3" stop-color="#FFA13D"/><stop offset="1" stop-color="#FFA13D" stop-opacity="0"/></radialGradient><radialGradient id="i8uZ4zJ" cx="0" cy="0" r="1" gradientTransform="matrix(-4.7055 -.5462 .3078 -2.65172 30.177 18.52)" gradientUnits="userSpaceOnUse"><stop offset=".3" stop-color="#FFA13D"/><stop offset="1" stop-color="#FFA13D" stop-opacity="0"/></radialGradient><radialGradient id="iTXTuKc" cx="0" cy="0" r="1" gradientTransform="rotate(-43.964 42.724 -20.11)scale(4.29693 4.13959)" gradientUnits="userSpaceOnUse"><stop stop-color="#E0762A"/><stop offset="1" stop-color="#E0762A" stop-opacity="0"/></radialGradient><radialGradient id="i3CI4Zd" cx="0" cy="0" r="1" gradientTransform="matrix(-2.01665 -2.60483 2.50944 -1.9428 6.019 23.015)" gradientUnits="userSpaceOnUse"><stop stop-color="#E0762A"/><stop offset="1" stop-color="#E0762A" stop-opacity="0"/></radialGradient><radialGradient id="ipgzEkc" cx="0" cy="0" r="1" gradientTransform="matrix(3.02497 1.42845 -1.7265 3.6561 1.523 11.882)" gradientUnits="userSpaceOnUse"><stop stop-color="#F0851D"/><stop offset="1" stop-color="#F0851D" stop-opacity="0"/></radialGradient><radialGradient id="iCDpCid" cx="0" cy="0" r="1" gradientTransform="rotate(-142.487 15.635 10.748)scale(3.90025 3.67954)" gradientUnits="userSpaceOnUse"><stop offset=".337" stop-color="#E3745B"/><stop offset="1" stop-color="#E3745B" stop-opacity="0"/></radialGradient><radialGradient id="i0GoTwA" cx="0" cy="0" r="1" gradientTransform="rotate(117.739 7.806 11.516)scale(19.1699 23.673)" gradientUnits="userSpaceOnUse"><stop offset=".172" stop-color="#FFD13D"/><stop offset="1" stop-color="#DCA21C"/><stop offset="1" stop-color="#D89A29"/></radialGradient><filter id="iUkShgb" width="27.269" height="28.355" x="2" y="1.939" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".2" dy="-.2"/><feGaussianBlur stdDeviation=".375"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.839216 0 0 0 0 0.45098 0 0 0 0 0.211765 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_14692"/></filter><filter id="ilje9gb" width="22.086" height="22.086" x="4.191" y="5.448" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.3" dy=".3"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.921569 0 0 0 0 0.47451 0 0 0 0 0.133333 0 0 0 1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_18_14692"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_18_14692" result="shape"/></filter><linearGradient id="if0RPBd" x1="23.878" x2="8.528" y1="6.867" y2="26.451" gradientUnits="userSpaceOnUse"><stop stop-color="#FC8B23"/><stop offset="1" stop-color="#E67639"/></linearGradient></defs></g></svg>Sun アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:sun" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:sun" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:sun" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--sun]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:sun"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:sun"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji/sun.svg" alt="Sun アイコン" width="24" height="24">Fluent Emoji の関連アイコン
他のアイコンセットの Sun アイコン
Sun アイコン のよくある質問
Sun アイコンは商用利用でも無料ですか?
はい。Fluent Emoji icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Sun アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji:sun" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Sun アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji/sun.svg" alt="Sun アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。