Handshake 32 Regular アイコン
fluent:handshake-32-regular
Handshake 32 Regular アイコン(fluent:handshake-32-regular)は、Fluent UI System Icons セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent UI System Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent UI System Icons
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- タグ
- handshakeregular
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="m28.32 15.91l-.61-.62l-.25-.24A11 11 0 0 0 28 12a8 8 0 0 0-8-8h-3.68c-.415 0-.823.1-1.19.29q-.673-.165-1.36-.24H13a8 8 0 0 0-8 8v2.1L3.81 15.3A2.76 2.76 0 0 0 5.76 20q.174.015.35 0c.124.463.365.886.7 1.23a2.75 2.75 0 0 0 1.71.77a2.77 2.77 0 0 0 .79 1.71a2.66 2.66 0 0 0 1.71.78a2.7 2.7 0 0 0 .78 1.71a2.74 2.74 0 0 0 3.68.19l.82.81a2.75 2.75 0 0 0 3.9 0a2.66 2.66 0 0 0 .8-1.72a2.66 2.66 0 0 0 1.71-.78a2.77 2.77 0 0 0 .77-1.7a2.77 2.77 0 0 0 1.71-.79a2.7 2.7 0 0 0 .73-1.33a2.67 2.67 0 0 0 2.4-.8a2.94 2.94 0 0 0 0-4.17M16.32 6H20a6 6 0 0 1 6 6a8 8 0 0 1-.18 1.41l-4.11-4.12A1 1 0 0 0 21 9h-4.48a1 1 0 0 0-.62.21l-2 1.53a1.21 1.21 0 0 1-1.49-1.9l3.45-2.7a.66.66 0 0 1 .46-.14M5.22 17.79a.78.78 0 0 1 0-1.08l1.49-1.49a.75.75 0 0 1 .54-.22a.73.73 0 0 1 .53.22a.76.76 0 0 1 0 1.08L6.3 17.79a.8.8 0 0 1-1.08 0M8 19.25a.72.72 0 0 1 .23-.53l1.48-1.49a.76.76 0 0 1 1.08 1.07L9.3 19.79a.77.77 0 0 1-1.242-.246A.7.7 0 0 1 8 19.25m2.72 2l1.49-1.49a.75.75 0 0 1 .54-.22a.73.73 0 0 1 .53.22a.76.76 0 0 1 0 1.08l-1.48 1.45a.764.764 0 0 1-1.08-1.08zm2.5 3.57a.76.76 0 0 1 0-1.08l1.48-1.48a.78.78 0 0 1 .54-.23a.76.76 0 0 1 .756.765a.77.77 0 0 1-.216.535l-1.49 1.49a.77.77 0 0 1-1.07-.04zm13-5.88a2.34 2.34 0 0 1-1-.56v-.05l-2-2a1.004 1.004 0 1 0-1.42 1.42l2 2a.76.76 0 0 1-1.07 1.07a1.001 1.001 0 1 0-1.42 1.41a.75.75 0 0 1 0 1.07a.76.76 0 0 1-1.08 0a1 1 0 0 0-1.41 0a1 1 0 0 0 0 1.41a.76.76 0 0 1-1.07 1.08l-.8-.8l.28-.27a2.76 2.76 0 0 0 0-3.91a2.7 2.7 0 0 0-1.75-.81a2.7 2.7 0 0 0-.78-1.71a2.77 2.77 0 0 0-1.7-.77a2.77 2.77 0 0 0-.79-1.71A2.74 2.74 0 0 0 9.9 15A2.7 2.7 0 0 0 7 13v-1a6 6 0 0 1 5.83-6l-1.6 1.25a3.21 3.21 0 0 0 3.95 5.06L16.86 11h3.73l3.94 4l2.37 2.36a1 1 0 0 1 0 1.34a.69.69 0 0 1-.7.2z"/></svg>Handshake 32 Regular アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent:handshake-32-regular" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent:handshake-32-regular" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent:handshake-32-regular" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent--handshake-32-regular]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent -->
<div class="i-fluent:handshake-32-regular"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent:handshake-32-regular"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent/handshake-32-regular.svg" alt="Handshake 32 Regular アイコン" width="24" height="24">Fluent UI System Icons の関連アイコン
Handshake 32 Regular アイコン のよくある質問
Handshake 32 Regular アイコンは商用利用でも無料ですか?
はい。Fluent UI System Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Handshake 32 Regular アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent:handshake-32-regular" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Handshake 32 Regular アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent/handshake-32-regular.svg" alt="Handshake 32 Regular アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。