Handshake Rounded アイコン
material-symbols-light:handshake-rounded
Handshake Rounded アイコン(material-symbols-light:handshake-rounded)は、Material Symbols Light セットの無料 SVG アイコンです（作者: Google）。 24 × 24 のグリッドで描かれています。 Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Material Symbols Light
- 作者
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- カテゴリ
- ソーシャル
- タグ
- agreement、hand、hands、partnership、shake、social、handshakerounded
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M11.792 20.712q-.367 0-.645-.25q-.278-.248-.278-.654q0-.194.085-.43t.254-.405l3.41-3.41q.13-.13.13-.275t-.13-.276t-.286-.119t-.267.124l-3.403 3.404q-.17.17-.383.254q-.213.085-.433.085q-.386 0-.655-.269t-.268-.654q0-.231.094-.451q.095-.22.239-.365l3.41-3.41q.13-.13.13-.272t-.13-.273t-.283-.122t-.264.122l-3.41 3.403q-.15.15-.372.244t-.448.095q-.381 0-.652-.272q-.271-.27-.271-.652q0-.218.084-.432t.254-.383l3.173-3.173q.13-.13.13-.276t-.13-.276t-.283-.121t-.263.121l-3.173 3.179q-.144.144-.367.239q-.224.094-.454.094q-.406 0-.665-.259q-.258-.258-.258-.664q0-.22.084-.433q.085-.213.254-.383l4.342-4.342q.256-.256.601-.25t.601.262l1.55 1.55q.275.275.621.389q.346.115.702.115q.723 0 1.208-.476q.485-.477.485-1.217q0-.35-.135-.706t-.421-.642l-1.367-1.367q-.506-.506-.574-1.168q-.069-.661.395-1.115q.32-.356.748-.53q.427-.176.89-.176q.468 0 .921.183q.454.182.827.556L21.03 8.47q.315.315.499.77q.184.453.184 1.005q0 .5-.187.945q-.186.445-.496.755l-8.421 8.427q-.162.162-.38.25q-.216.089-.436.089m-8.526-8.337q-.533-.465-.81-1.068q-.275-.603-.275-1.23q0-.536.199-1.038t.61-.914l3.937-3.942q.329-.33.726-.516t.857-.186q.47 0 .914.186t.772.516l4.164 4.163q.163.164.25.37t.088.426q0 .387-.268.665t-.655.278q-.238 0-.445-.088t-.37-.25l-1.537-1.531q-.46-.46-1.133-.46t-1.134.46l-4.22 4.219q-.344.344-.82.308q-.475-.035-.85-.368"/></svg>Handshake Rounded アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:handshake-rounded" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:handshake-rounded" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:handshake-rounded" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--handshake-rounded]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:handshake-rounded"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols-light:handshake-rounded"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/material-symbols-light/handshake-rounded.svg" alt="Handshake Rounded アイコン" width="24" height="24">Material Symbols Light の関連アイコン
他のアイコンセットの Handshake Rounded アイコン
Handshake Rounded アイコン のよくある質問
Handshake Rounded アイコンは商用利用でも無料ですか?
はい。Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Handshake Rounded アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-symbols-light:handshake-rounded" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Handshake Rounded アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols-light/handshake-rounded.svg" alt="Handshake Rounded アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。