Saluting Face アイコン
fluent-emoji-high-contrast:saluting-face
Saluting Face アイコン(fluent-emoji-high-contrast:saluting-face)は、Fluent Emoji High Contrast セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji High Contrast
- 作者
- 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="currentColor"><path d="M11.502 3.11a1.05 1.05 0 0 0-1.267-.167l-4.36 2.518l.002-.013l-2.36 1.26A2.87 2.87 0 0 0 2 9.235v.072l.001.077a2.796 2.796 0 0 0 2.795 2.718h2.907c1.21 0 2.395-.347 3.414-1l2.416-1.343a1.062 1.062 0 0 0-.912-1.9l3.901-2.252a1.045 1.045 0 0 0 .384-1.432l-.046-.072c-.161.327-.444.654-.906.939c-.61.376-2.211 1.286-3.847 2.211l-.37-.365c.756-.427 1.508-.854 2.163-1.228l.243-.138a67 67 0 0 0 1.549-.906c.56-.345.77-.735.833-1.074a1.05 1.05 0 0 0-1.383-1.09h.002a1.56 1.56 0 0 1-.663 1.953L11.163 6.32l-.38-.375l3.44-1.986a1.048 1.048 0 1 0-1.047-1.815l-1.218.703q.086.102.155.222a1.563 1.563 0 0 1-.572 2.134L9.558 6.35v.305l.007-.004c-.017.669-.19 1.922-.794 2.852a.5.5 0 0 0-.09.197a7 7 0 0 1-.693.956l-.02.016c-.35.288-.72-.117-.585-.43A7.5 7.5 0 0 0 8.48 8.589h-.003a6 6 0 0 0 .485-1.857l.003-.04a6 6 0 0 0 .024-.528v-.08l2.295-1.324a1.048 1.048 0 0 0 .218-1.648"/><path d="M7.297 18c0-1.788.31-3.452.912-4.914a7 7 0 0 1-.506.017H6.067c-.516 1.525-.77 3.181-.77 4.897c0 3.51 1.06 6.77 3.264 9.163C10.778 29.57 14.06 31 18.297 31s7.52-1.43 9.736-3.837c2.204-2.394 3.264-5.654 3.264-9.163s-1.06-6.77-3.264-9.163C25.817 6.43 22.535 5 18.297 5q-.137 0-.273.002a2.05 2.05 0 0 1-1.002 1.472l-1.28.74q1.186-.212 2.555-.214c3.765 0 6.482 1.256 8.265 3.192c1.796 1.95 2.735 4.69 2.735 7.808s-.94 5.858-2.735 7.808C24.78 27.744 22.062 29 18.297 29c-3.764 0-6.482-1.256-8.265-3.192c-1.795-1.95-2.735-4.69-2.735-7.808"/><path d="M14.012 17.144a2.572 2.572 0 1 0 0-5.143a2.572 2.572 0 0 0 0 5.143m8.572 0a2.572 2.572 0 1 0 0-5.143a2.572 2.572 0 0 0 0 5.143M14.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.106-1.013c-.478.522-1.917 1.6-3.635 1.6c-1.697 0-2.889-1.057-3.237-1.535"/></g></svg>Saluting Face アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:saluting-face" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:saluting-face" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:saluting-face" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--saluting-face]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast: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-high-contrast:saluting-face"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/saluting-face.svg" alt="Saluting Face アイコン" width="24" height="24">他のアイコンセットの Saluting Face アイコン
Saluting Face アイコン のよくある質問
Saluting Face アイコンは商用利用でも無料ですか?
はい。Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Saluting Face アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-high-contrast:saluting-face" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Saluting Face アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/saluting-face.svg" alt="Saluting Face アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。