Sun With Face アイコン
fluent-emoji-flat:sun-with-face
Sun With Face アイコン(fluent-emoji-flat:sun-with-face)は、Fluent Emoji Flat セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji Flat
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- カテゴリ
- 旅行・場所
- タグ
- sunwith、withface、sunwithface
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#ff822d" d="M13.071 3.785c1.07-2.34 4.37-2.39 5.52-.09c.43.86 1.49 1.19 2.33.72l.52-.29c2.04-1.16 4.49.57 4.1 2.87l-.1.59c-.16.95.51 1.84 1.47 1.95l.59.07c2.32.27 3.29 3.1 1.62 4.73l-.43.42c-.69.67-.67 1.79.04 2.44l.44.4c1.72 1.58.84 4.44-1.47 4.78l-.59.09c-.95.14-1.59 1.05-1.4 2l.12.59c.46 2.29-1.93 4.09-4 3l-.53-.28c-.85-.45-1.91-.09-2.31.79c-1.07 2.34-4.37 2.39-5.52.09a1.685 1.685 0 0 0-2.33-.72l-.52.29c-2.03 1.15-4.48-.58-4.09-2.88l.1-.59c.16-.95-.51-1.84-1.47-1.95l-.59-.07c-2.32-.27-3.29-3.1-1.62-4.73l.43-.42c.69-.67.67-1.79-.04-2.44l-.44-.4c-1.72-1.58-.84-4.44 1.47-4.78l.59-.09c.95-.14 1.59-1.05 1.4-2l-.12-.58c-.46-2.29 1.93-4.09 4-3l.53.28c.85.44 1.9.08 2.3-.79"/><path fill="#fcd53f" d="M15.991 27.165c6.076 0 11-4.924 11-11s-4.924-11-11-11s-11 4.925-11 11s4.925 11 11 11"/><path fill="#321b41" d="M10.661 9.205a2.48 2.48 0 0 0-2.48 2.48a.5.5 0 1 1-1 0a3.48 3.48 0 0 1 3.48-3.48a.5.5 0 0 1 0 1m.24 8.54a.75.75 0 0 1 1.06 0a5.52 5.52 0 0 0 7.81 0a.75.75 0 0 1 1.06 1.06a7.02 7.02 0 0 1-9.93 0a.75.75 0 0 1 0-1.06m10.14-9.54a.5.5 0 1 0 0 1a2.48 2.48 0 0 1 2.48 2.48a.5.5 0 1 0 1 0a3.48 3.48 0 0 0-3.48-3.48m-9.46 4.48a1.37 1.37 0 0 0-1.282.864a.75.75 0 1 1-1.396-.548a2.87 2.87 0 0 1 2.678-1.816c1.273 0 2.354.826 2.733 1.976a.75.75 0 0 1-1.425.469c-.181-.55-.7-.945-1.308-.945m7.338.864a1.37 1.37 0 0 1 1.282-.864c.608 0 1.127.394 1.308.945a.75.75 0 0 0 1.425-.47a2.88 2.88 0 0 0-2.733-1.975a2.87 2.87 0 0 0-2.678 1.816a.75.75 0 1 0 1.396.548"/></g></svg>
Sun With Face アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:sun-with-face" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:sun-with-face" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:sun-with-face" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--sun-with-face]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:sun-with-face"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:sun-with-face"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/sun-with-face.svg" alt="Sun With Face アイコン" width="24" height="24">
Fluent Emoji Flat の関連アイコン
他のアイコンセットの Sun With Face アイコン
Sun With Face アイコン のよくある質問
Sun With Face アイコンは商用利用でも無料ですか?
はい。Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Sun With Face アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-flat:sun-with-face" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Sun With Face アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/sun-with-face.svg" alt="Sun With Face アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji Flat アイコン をすべて見る →
ICONYZ
