Handshake O アイコン

fa:handshake-o

Handshake O アイコン(fa:handshake-o)は、Font Awesome 4 セットの無料 SVG アイコンです（作者: Dave Gandy）。 2304 × 1472 のグリッドで描かれています。 Font Awesome 4 icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Font Awesome 4
作者: Dave Gandy
ライセンス: OFL-1.1
サイズ: 2304 × 1472
タグ: handshakeo

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="2304" height="1472" viewBox="0 0 2304 1472"><path fill="currentColor" d="M192 896q40 0 56-32t0-64t-56-32t-56 32t0 64t56 32m1473-58q-10-13-38.5-50t-41.5-54t-38-49t-42.5-53t-40.5-47t-45-49l-125 140q-83 94-208.5 92T880 670q-57-69-56.5-158T882 355l177-206q-22-11-51-16.5t-47.5-6t-56.5.5t-49 1q-92 0-158 66L539 352H384v544q5 0 21-.5t22 0t19.5 2T467 902t17.5 8.5T503 924l297 292q115 111 227 111q78 0 125-47q57 20 112.5-8t72.5-85q74 6 127-44q20-18 36-45.5t14-50.5q10 10 43 10q43 0 77-21t49.5-53t12-71.5T1665 838m159 58h96V384h-93l-157-180q-66-76-169-76h-167q-89 0-146 67L979 438q-28 33-28 75t27 75q43 51 110 52t111-49l193-218q25-23 53.5-21.5t47 27t8.5 56.5q16 19 56 63t60 68q29 36 82.5 105.5T1764 756q52 66 60 140m288 0q40 0 56-32t0-64t-56-32t-56 32t0 64t56 32m192-576v640q0 26-19 45t-45 19h-434q-27 65-82 106.5t-125 51.5q-33 48-80.5 81.5T1416 1309q-42 53-104.5 81.5T1183 1415q-60 34-126 39.5t-127.5-14t-117-53.5t-103.5-81l-287-282H64q-26 0-45-19T0 960V288q0-26 19-45t45-19h421q14-14 47-48t47.5-48t44-40T674 50.5T725 25t62-19.5T855 0h117q99 0 181 56q82-56 181-56h167q35 0 67 6t56.5 14.5T1676 47t44.5 31t43 39.5t39 42t41 48T1885 256h355q26 0 45 19t19 45"/></svg>

Handshake O アイコンの使い方

React

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

<Icon icon="fa:handshake-o" width="24" />

Vue

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

<template>
  <Icon icon="fa:handshake-o" width="24" />
</template>

Svelte

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

<Icon icon="fa:handshake-o" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fa--handshake-o]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fa -->
<div class="i-fa:handshake-o"></div>

Web コンポーネント

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

<iconify-icon icon="fa:handshake-o"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fa/handshake-o.svg" alt="Handshake O アイコン" width="24" height="24">

Handshake O アイコンのよくある質問

Handshake O アイコンは商用利用でも無料ですか?

はい。Font Awesome 4 icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。

React で Handshake O アイコンを使うには?

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

Handshake O アイコンをウェブページに追加するには?

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

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