ICONYZ
日本語
Font Awesome 6 Regular の Hand Back Fist アイコン

Hand Back Fist アイコン

fa6-regular:hand-back-fist

Hand Back Fist アイコン(fa6-regular:hand-back-fist)は、Font Awesome 6 Regular セットの無料 SVG アイコンです(作者: Dave Gandy)。 448 × 512 のグリッドで描かれています。 Font Awesome 6 Regular icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Font Awesome 6 Regular
作者
Dave Gandy
ライセンス
CC-BY-4.0
サイズ
448 × 512
タグ
handback、backfist、handbackfist
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="448" height="512" viewBox="0 0 448 512"><path fill="currentColor" d="M144 64c0-8.8 7.2-16 16-16s16 7.2 16 16c0 9.1 5.1 17.4 13.3 21.5s17.9 3.2 25.1-2.3c2.7-2 6-3.2 9.6-3.2c8.8 0 16 7.2 16 16c0 9.1 5.1 17.4 13.3 21.5s17.9 3.2 25.1-2.3c2.7-2 6-3.2 9.6-3.2c8.8 0 16 7.2 16 16c0 9.1 5.1 17.4 13.3 21.5s17.9 3.2 25.1-2.3c2.7-2 6-3.2 9.6-3.2c8.8 0 16 7.2 16 16v104c0 31.3-20 58-48 67.9c-9.6 3.4-16 12.5-16 22.6V488c0 13.3 10.7 24 24 24s24-10.7 24-24V370.2c38-20.1 64-60.1 64-106.2V160c0-35.3-28.7-64-64-64c-2.8 0-5.6.2-8.3.5A63.83 63.83 0 0 0 288 64c-2.8 0-5.6.2-8.3.5A63.83 63.83 0 0 0 224 32c-2.8 0-5.6.2-8.3.5A63.83 63.83 0 0 0 160 0c-35.3 0-64 28.7-64 64v64.3c-11.7 7.4-22.5 16.4-32 26.9l17.8 16.1L64 155.2l-9.4 10.5C40 181.8 32 202.8 32 224.6v12.8c0 49.6 24.2 96.1 64.8 124.5l13.8-19.7l-13.8 19.7l8.9 6.2c6.9 4.8 14.4 8.6 22.3 11.3V488c0 13.3 10.7 24 24 24s24-10.7 24-24V359.9c0-12.6-9.8-23.1-22.4-23.9c-7.3-.5-14.3-2.9-20.3-7.1l-13.1 18.7l13.1-18.7l-8.9-6.2C96.6 303.1 80 271.3 80 237.4v-12.8c0-9.9 3.7-19.4 10.3-26.8l9.4-10.5c3.8-4.2 7.9-8.1 12.3-11.6V208c0 8.8 7.2 16 16 16s16-7.2 16-16z"/></svg>

Hand Back Fist アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="fa6-regular:hand-back-fist" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fa6-regular:hand-back-fist" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fa6-regular:hand-back-fist" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fa6-regular--hand-back-fist]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fa6-regular -->
<div class="i-fa6-regular:hand-back-fist"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fa6-regular:hand-back-fist"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fa6-regular/hand-back-fist.svg" alt="Hand Back Fist アイコン" width="24" height="24">

Font Awesome 6 Regular の関連アイコン

他のアイコンセットの Hand Back Fist アイコン

Hand Back Fist アイコン のよくある質問

Hand Back Fist アイコンは商用利用でも無料ですか?

はい。Font Awesome 6 Regular icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Hand Back Fist アイコンを使うには?

@iconify/react をインストールして <Icon icon="fa6-regular:hand-back-fist" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Hand Back Fist アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fa6-regular/hand-back-fist.svg" alt="Hand Back Fist アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Font Awesome 6 Regular アイコン をすべて見る →