Saluting Face アイコン
fluent-emoji-flat:saluting-face
Saluting Face アイコン(fluent-emoji-flat:saluting-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
- カテゴリ
- スマイリー・感情
- タグ
- salutingface
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#ffb02e" d="M18.297 30c8.002 0 12-5.373 12-12s-3.998-12-12-12s-12 5.373-12 12s3.999 12 12 12"/><path fill="#fff" d="M13.514 18.194a3.605 3.605 0 1 0 0-7.211a3.605 3.605 0 0 0 0 7.21m9.557.067a3.638 3.638 0 1 0 0-7.277a3.638 3.638 0 0 0 0 7.276"/><path fill="#402a32" d="M16.584 14.573a2.572 2.572 0 1 1-5.144 0a2.572 2.572 0 0 1 5.144 0m8.572 0a2.572 2.572 0 1 1-5.143 0a2.572 2.572 0 0 1 5.143 0M14.9 20.178a.75.75 0 0 0-1.213.883c.548.751 2.147 2.152 4.45 2.152c2.282 0 4.093-1.38 4.741-2.087a.75.75 0 0 0-1.107-1.013c-.477.522-1.916 1.6-3.634 1.6c-1.697 0-2.889-1.057-3.237-1.535"/><path fill="#ff822d" d="M14.785 2.637c.115-.07.232-.14.359-.183l.555.242l.222.959a1.048 1.048 0 0 1 .6 1.953l-3.9 2.252a1.062 1.062 0 0 1 .912 1.9l-2.415 1.344a6.34 6.34 0 0 1-3.415.999H4.795l2.978-4.839c-.435-.773-.82-1.483-.82-1.483l4.55-2.67l.455-.263l2.728-.152z"/><path fill="#ffb02e" d="M10.235 2.943a1.05 1.05 0 0 1 1.267.168l1.674-.966a1.048 1.048 0 0 1 1.51.55l.27-.156a1.048 1.048 0 0 1 1.05 1.815L9.367 8.186q.132-.451.173-.928l4.94-2.852c.688-.397.96-1.238.663-1.952q-.097.033-.187.085l-.271.156a1.05 1.05 0 0 1-.462 1.265L9.558 6.654V6.35l1.983-1.145a1.563 1.563 0 0 0 .417-2.357l-.456.263q.095.095.165.216c.29.501.118 1.142-.383 1.432L8.989 6.084v.079q0 .266-.024.529l-.003.039a6 6 0 0 1-.485 1.857a6 6 0 0 1-2.323 2.672l-1.359.843A2.795 2.795 0 0 1 2 9.308v-.072c0-1.058.583-2.03 1.517-2.529l2.36-1.26l-.003.014z"/></g></svg>Saluting Face アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:saluting-face" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:saluting-face" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:saluting-face" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--saluting-face]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:saluting-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:saluting-face"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/saluting-face.svg" alt="Saluting Face アイコン" width="24" height="24">他のアイコンセットの Saluting Face アイコン
Saluting Face アイコン のよくある質問
Saluting Face アイコンは商用利用でも無料ですか?
はい。Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Saluting Face アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-flat:saluting-face" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Saluting Face アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/saluting-face.svg" alt="Saluting Face アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。