Handshake アイコン

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

はい。Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

reicon:handshake

Handshake アイコン(reicon:handshake)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Reicon
作者: REICON
ライセンス: MIT
サイズ: 24 × 24
カテゴリ: 手

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M18.906 3.922c-1.014-1.036-2.46-1.417-3.875-1.015a.75.75 0 1 1-.41-1.442c1.937-.552 3.954-.025 5.357 1.408a.75.75 0 1 1-1.072 1.049m-7.716-.614c-.214-.367-.838-.59-1.471-.227c-.632.36-.743.997-.532 1.357l2.525 4.332a.75.75 0 1 1-1.295.755L7.89 5.194L7.049 3.75c-.214-.367-.838-.59-1.471-.227c-.632.36-.743.997-.533 1.357l3.789 6.497a.75.75 0 1 1-1.296.756L5.854 9.245c-.214-.367-.837-.59-1.471-.227c-.631.36-.743.996-.532 1.357l3.788 6.497c1.61 2.759 5.58 3.654 8.947 1.73c3.364-1.923 4.56-5.764 2.955-8.517l-2.526-4.331c-.214-.367-.838-.59-1.471-.228c-.632.361-.742.997-.532 1.358l1.684 2.887a.75.75 0 0 1-.276 1.03c-1.543.88-2.015 2.585-1.34 3.743a.75.75 0 1 1-1.296.756c-1.06-1.817-.392-4.063 1.263-5.377zm2.73 1.702l-1.433-2.456c-.716-1.228-2.323-1.454-3.511-.774a2.8 2.8 0 0 0-.913.829c-.8-.881-2.178-.988-3.229-.388c-1.19.681-1.803 2.182-1.083 3.416l1.002 1.719a2.9 2.9 0 0 0-1.113.36c-1.191.68-1.804 2.182-1.084 3.416l3.789 6.497c2.11 3.62 7.064 4.518 10.986 2.276c3.924-2.242 5.621-6.949 3.507-10.575L18.31 5c-.716-1.228-2.323-1.454-3.511-.775c-.35.2-.65.471-.881.785M4.414 17.86a.75.75 0 0 1 1.026.27c.827 1.418 2.09 2.49 3.65 3.186a.75.75 0 0 1-.612 1.37c-1.811-.809-3.331-2.08-4.334-3.8a.75.75 0 0 1 .27-1.026" clip-rule="evenodd"/></svg>

Handshake アイコンの使い方

React

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

<Icon icon="reicon:handshake" width="24" />

Vue

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

<template>
  <Icon icon="reicon:handshake" width="24" />
</template>

Svelte

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

<Icon icon="reicon:handshake" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="reicon:handshake"></iconify-icon>

HTML 画像

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

Reicon の関連アイコン

他のアイコンセットの Handshake アイコン

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

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

はい。Reicon icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

Reicon アイコンをすべて見る →