Palm Up Hand アイコン
fluent-emoji-high-contrast:palm-up-hand
Palm Up Hand アイコン(fluent-emoji-high-contrast:palm-up-hand)は、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
- カテゴリ
- 人物・体
- タグ
- palmup、uphand、palmuphand
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M31.091 13.013a4.39 4.39 0 0 0-3.539-1.769q-.433 0-.858.083a3.99 3.99 0 0 0-3.176-1.57c-.763 0-1.51.22-2.152.631a4.44 4.44 0 0 0-.694-3.924l-.072-.09a4.3 4.3 0 0 0-3.465-1.733a4.35 4.35 0 0 0-2.771 1h-3.12a8 8 0 0 0-5.206 1.93c-4 3.592-6.014 6.278-6.014 11.077c0 5.232 4.619 7.97 9.181 7.97h9.56a8 8 0 0 0 5.277-1.988l6.428-5.64a4.44 4.44 0 0 0 .621-5.977m-21.88 11.6q-.555 0-1.108-.07a8.5 8.5 0 0 1-3.724-1.359a5 5 0 0 1-.487-.376c-.088-.076-.168-.16-.251-.24c-.083-.082-.165-.156-.24-.24c-.037-.04-.069-.085-.1-.126a5 5 0 0 1-.326-.417a5.4 5.4 0 0 1-.604-1.169l-.029-.089a5 5 0 0 1-.154-.516c-.028-.119-.047-.243-.068-.367c-.016-.095-.037-.19-.048-.286c-.013-.114-.014-.236-.021-.354s-.017-.24-.015-.36s.012-.22.012-.33c.01-.796.106-1.59.287-2.365a9.4 9.4 0 0 1 1-2.42a20 20 0 0 1 1.751-2.26a35 35 0 0 1 2.15-2.083c.039-.033.074-.069.113-.1a6 6 0 0 1 3.9-1.444h3.283c.161.023.326.011.482-.035c.016 0 .028-.018.044-.024a.8.8 0 0 0 .355-.194c.008-.006.019-.007.026-.014q.125-.126.267-.233c.034-.027.062-.059.1-.083q.117-.075.241-.136c.064-.034.125-.073.191-.1q.125-.048.255-.08c.071-.02.141-.046.214-.06q.138-.022.278-.028c.068 0 .136-.012.2-.01a2.3 2.3 0 0 1 .36.041c.055.01.112.014.166.028q.172.048.336.121c.052.023.107.038.158.064q.169.093.321.21c.038.028.08.05.117.08q.2.173.357.384l.069.091q.128.172.224.364a2.43 2.43 0 0 1-.457 2.8l-.615.612a4.08 4.08 0 0 1-2.9 1.2h-.551a2.7 2.7 0 0 0-.743.118c-.015 0-.029.011-.044.016a3 3 0 0 0-.447.166c-.058.03-.106.074-.162.108c-.018.011-.039.014-.056.025s-.043.041-.068.058a2.8 2.8 0 0 0-.443.376c-.037.04-.075.077-.11.12c-.035.041-.09.085-.127.136l-.042-.02l-.207.437l-.008.015l-.022.046v.01l-.188.4l.033.015c-.006.02 0 .042-.009.062q-.102.356-.107.725v.2q.004.286.061.567c0 .015.007.03.01.044q.054.261.154.51l.015.036a2.8 2.8 0 0 0 1.092 1.328l.015.01q.263.18.558.3v-.013c.35.14.723.212 1.1.214h5.182a2 2 0 0 0 1.4-.567l4.262-4.148c.228-.226.5-.403.8-.52a2.42 2.42 0 0 1 2.481 4.075l-4.929 4.325l-.846.743l-.659.578a6 6 0 0 1-3.957 1.49zm11.875-9.5l.5-1.873v-.007a2 2 0 0 1 .238-.526l.061-.1q.161-.232.383-.409c.028-.022.058-.04.087-.062q.237-.175.513-.275h.017q.276-.088.565-.093c.037 0 .074-.005.111-.005q.24.005.472.063l.022.008q.2.057.384.155c.049.025.093.057.14.087q.114.07.218.155a2.2 2.2 0 0 1 .399.456q.07.114.125.236q.027.053.049.11q-.109.089-.21.187l-4.257 4.148a1 1 0 0 1-.5.264l.589-2.2zm-1.716 2.538H17v-3.04q.002-.185.037-.365q.03-.132.079-.26c.013-.038.02-.077.035-.114q.063-.141.149-.272c.014-.023.024-.049.039-.072a2 2 0 0 1 .248-.3q.137-.14.3-.249l.038-.02q.146-.095.306-.164l.042-.013q.162-.064.332-.1c.027 0 .056 0 .083-.008a2 2 0 0 1 .31-.03l.049.004q.185.003.365.041c.058.012.113.034.169.051q.114.032.222.077q.086.04.167.09q.098.051.188.114q.076.056.147.12q.084.072.16.152l.054.066zm-5.826-.662a1.994 1.994 0 0 1 2.307-2.378c.053.01.1.041.149.054v2.986h-.979a2 2 0 0 1-1.414-.586c-.024-.023-.041-.052-.063-.076"/></svg>Palm Up Hand アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:palm-up-hand" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:palm-up-hand" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:palm-up-hand" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--palm-up-hand]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:palm-up-hand"></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:palm-up-hand"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/palm-up-hand.svg" alt="Palm Up Hand アイコン" width="24" height="24">Fluent Emoji High Contrast の関連アイコン
他のアイコンセットの Palm Up Hand アイコン
Palm Up Hand アイコン のよくある質問
Palm Up Hand アイコンは商用利用でも無料ですか?
はい。Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Palm Up Hand アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-high-contrast:palm-up-hand" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Palm Up Hand アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/palm-up-hand.svg" alt="Palm Up Hand アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。