Heart Hands アイコン

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

はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

openmoji:heart-hands

Heart Hands アイコン(openmoji:heart-hands)は、OpenMoji セットの無料 SVG アイコンです。 72 × 72 のグリッドで描かれています。 OpenMoji icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: OpenMoji
作者: OpenMoji
ライセンス: CC-BY-SA-4.0
サイズ: 72 × 72
カテゴリ: 人物・体
タグ: hearthands、hand

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><g fill="#fcea2b"><path d="M67.78 41.174L63.4 49.75l-.782-.658l-3.799-2.782a6.28 6.28 0 0 0-6.31-.53a11.2 11.2 0 0 1-6.122.358c-2.108-.324-7.41 1.814-8.717 2.388c-.403.176-1.649-1.067-1.673-1.506c-.079-1.393 1.945-3.7 6.902-6.15c6.05-2.99 6.335-6.692 5.125-11.034S41.475 27.7 41.475 27.7l-4.506 3.463a.625.625 0 0 1-.828-.884c.897-1.39 2.183-4.134 3.413-4.928a32 32 0 0 1 3.936-2.057a4.38 4.38 0 0 1 3.32-.112l6.094 2.268a4.35 4.35 0 0 1 2.237 1.872a702 702 0 0 0 4.431 7.43c1.411 2.323 7.155 5.91 7.317 5.965z"/><path d="M5.106 40.717c.162-.054 5.905-3.641 7.316-5.965c1.567-2.58 3.41-5.697 4.431-7.43a4.35 4.35 0 0 1 2.237-1.872l6.095-2.268a4.38 4.38 0 0 1 3.32.112a32 32 0 0 1 3.936 2.057c1.23.794 2.516 3.539 3.413 4.928a.625.625 0 0 1-.828.884L30.519 27.7s-5.339-2.207-6.549 2.136c-1.21 4.342-.925 8.044 5.126 11.034c4.957 2.45 6.98 4.757 6.902 6.15c-.025.44-1.27 1.682-1.673 1.506c-1.308-.574-6.61-2.712-8.718-2.388a11.2 11.2 0 0 1-6.122-.359a6.28 6.28 0 0 0-6.31.531l-3.798 2.782l-.783.658l-4.38-8.576z"/></g><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M66.894 40.717c-.162-.054-5.905-3.641-7.316-5.965a702 702 0 0 1-4.431-7.43a4.35 4.35 0 0 0-2.237-1.872l-6.094-2.268a4.38 4.38 0 0 0-3.32.112a32 32 0 0 0-3.937 2.057c-1.23.794-2.516 3.539-3.413 4.928a.625.625 0 0 0 .828.884l4.507-3.463s4.492-1.876 6.549 2.136c2.245 4.378.925 8.044-5.125 11.033c-4.958 2.45-6.38 4.47-6.3 5.863c.024.439 1.27 1.682 1.673 1.505c1.307-.574 6.007-2.424 8.115-2.1c2.034.453 4.154.33 6.122-.358a6.28 6.28 0 0 1 6.31.53l3.798 2.783M5.106 40.717c.162-.054 5.905-3.641 7.316-5.965c1.567-2.58 3.41-5.697 4.431-7.43a4.35 4.35 0 0 1 2.237-1.872l6.095-2.268a4.38 4.38 0 0 1 3.32.112a32 32 0 0 1 3.936 2.057c1.23.794 2.516 3.539 3.413 4.928a.625.625 0 0 1-.828.884L30.519 27.7s-4.492-1.875-6.549 2.136c-2.245 4.378-.925 8.044 5.125 11.034c4.958 2.45 6.38 4.468 6.3 5.862c-.024.439-1.27 1.682-1.673 1.505c-1.307-.574-6.007-2.424-8.115-2.1a11.2 11.2 0 0 1-6.122-.358a6.28 6.28 0 0 0-6.31.53l-3.798 2.783"/></svg>

Heart Hands アイコンの使い方

React

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

<Icon icon="openmoji:heart-hands" width="24" />

Vue

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

<template>
  <Icon icon="openmoji:heart-hands" width="24" />
</template>

Svelte

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

<Icon icon="openmoji:heart-hands" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--heart-hands]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:heart-hands"></div>

Web コンポーネント

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

<iconify-icon icon="openmoji:heart-hands"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/openmoji/heart-hands.svg" alt="Heart Hands アイコン" width="24" height="24">

OpenMoji の関連アイコン

他のアイコンセットの Heart Hands アイコン

Heart Hands アイコンのよくある質問

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

はい。OpenMoji icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

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