Leftwards Hand アイコン
fluent-emoji-high-contrast:leftwards-hand
Leftwards Hand アイコン(fluent-emoji-high-contrast:leftwards-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
- カテゴリ
- 人物・体
- タグ
- leftwardshand、leftward
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M2.428 13.687c-.887.614-1.41 1.604-1.41 2.876c0 .655.168 1.235.493 1.722c.32.48.756.812 1.206 1.04c.26.133.534.235.811.314c-.152.422-.244.93-.244 1.533c0 .813.358 1.561.87 2.099c.514.538 1.255.94 2.098.94h.184a3.7 3.7 0 0 0-.121.945c0 1.18.646 2.049 1.39 2.574c.716.506 1.619.769 2.394.713l12.131-.711c5.39-.387 8.801-5.226 8.801-9.763c0-3.85-2.709-7.89-7.154-9.268q-.427-.13-1.276-.622a33 33 0 0 1-1.86-1.191a140 140 0 0 1-2.528-1.777c-.551-.393-1.096-.782-1.622-1.15c-1.316-.92-3.254-.627-4.442.479c-.622.578-.962 1.265-1.008 2.01c-.045.715.19 1.372.5 1.914q.148.259.326.5l-4.828-.23c-1.659-.138-3.046.893-3.644 2.148c-.307.644-.436 1.404-.25 2.158q.038.15.09.296q-.482.16-.907.451m19.665 12.05l-12.118.71l-.016.001c-.27.02-.722-.085-1.1-.352c-.355-.25-.544-.565-.544-.94a1.6 1.6 0 0 1 .291-.942L14.088 24a1 1 0 0 0-.078-1.998l-5.679.222a1 1 0 0 0-.157-.012H6.252c-.195 0-.438-.098-.65-.32c-.212-.223-.318-.494-.318-.72c0-.763.219-1.088.326-1.209a1 1 0 0 1 .086-.081q.075-.006.15-.006h.022l6.35-.282a1 1 0 1 0-.088-1.998l-6.308.28q-.168 0-.338.017l-.027-.001c-.697-.012-1.37-.112-1.834-.348a1.14 1.14 0 0 1-.449-.369c-.083-.125-.156-.31-.156-.611c0-.672.246-1.022.548-1.231c.243-.168.583-.285 1.001-.324l.148.003l.345.005l7.73.311a1 1 0 0 0 .08-1.998l-7.285-.294c-.247-.194-.355-.397-.399-.575c-.057-.232-.029-.517.114-.817c.3-.629.975-1.078 1.683-1.014l.042.003l.097.004l8.687.887l1.845.922c-.334.844-.544 1.87-.59 2.95c-.07 1.577.203 3.376 1.041 5.052a1 1 0 0 0 1.79-.894c-.662-1.324-.89-2.775-.834-4.072c.058-1.319.403-2.373.771-2.926a1 1 0 0 0-.385-1.45L16.67 9.718l-.076-.046a142 142 0 0 1-2.52-1.417a4.4 4.4 0 0 1-.696-.883c-.19-.332-.253-.597-.24-.798c.01-.172.08-.396.374-.669c.622-.578 1.521-.592 1.934-.303c.49.342 1.022.722 1.57 1.112c.863.616 1.764 1.259 2.602 1.829c.693.47 1.367.91 1.976 1.265c.596.347 1.184.647 1.691.804c3.617 1.122 5.747 4.394 5.747 7.358c0 3.68-2.78 7.466-6.938 7.767"/></svg>Leftwards Hand アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:leftwards-hand" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:leftwards-hand" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:leftwards-hand" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--leftwards-hand]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:leftwards-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:leftwards-hand"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/leftwards-hand.svg" alt="Leftwards Hand アイコン" width="24" height="24">Fluent Emoji High Contrast の関連アイコン
他のアイコンセットの Leftwards Hand アイコン
Leftwards Hand アイコン のよくある質問
Leftwards Hand アイコンは商用利用でも無料ですか?
はい。Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Leftwards Hand アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-high-contrast:leftwards-hand" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Leftwards Hand アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/leftwards-hand.svg" alt="Leftwards Hand アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。