People Hugging アイコン

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

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

openmoji:people-hugging

People Hugging アイコン(openmoji:people-hugging)は、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
カテゴリ: 人物・体
タグ: peoplehugging、persons hugging

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><g fill="#fcea2b"><circle cx="35.287" cy="7.96" r="2.966"/><circle cx="29.571" cy="9.632" r="4.009"/><path d="M32.661 16.139s-.212-.047-.418 6.847c-.178 5.967-2.16 19.553-2.16 19.553l-3.076 9.664l-3.616 8.394l-3.385 5.973l-2.422-1.162l2.456-11.38l1.294-6.105l.796-11.048l-.597-2.92l-.166-.862l.033-7.598l1.725-6.072l2.621-2.82z"/><path d="M32.038 18.767s-.166-2.218 2.058-2.984c2.224-.767 3.676-.352 5.75-.174c2.43.09 2.603 3.08 2.603 3.08l.188 15.309l-1.216 4.837l3.087 16.558l2.02 8.981l-1.683 2.357l-2.638-4.827l-4.154-12.067l-1.964-.113l-4.098 15.829l-2.357 1.234l-1.403-1.796l2.301-19.645z"/></g><g fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2"><circle cx="35.287" cy="7.96" r="3"/><path stroke-linecap="round" stroke-linejoin="round" d="M30.18 12.574a3.001 3.001 0 0 1-1.291-5.86m3.647 23.92L28.313 64.88c-.134 1.091.526 1.985 1.467 1.985s1.949-.869 2.238-1.93l5.487-20.115c.29-1.062 1.043-2.667 1.674-3.568l2.199-3.139c.63-.9 1.104-2.537 1.05-3.636l-.492-10.12"/><path stroke-linecap="round" stroke-linejoin="round" d="m41.453 38.006l1.82 11.526c.172 1.086.524 2.85.783 3.92l2.422 10.006c.26 1.07-.204 2.394-1.029 2.944s-1.773.143-2.107-.905l-2.893-9.08a77 77 0 0 0-1.334-3.77l-2.203-5.652m5.025-22.636l-.457-5.385m-4.332 1.068l-3.96 4.836c-.697.85-2.135 1.788-3.195 2.082l-10.677 2.96m3.083-4.354l.896-5.377c.362-2.17 1.862-3.762 3.334-3.538s4.452.121 6.624-.23l9.117-1.472M22.172 39.734l.186-6.951m-.186 6.951l-1.06 9.76c-.066 1.699-.616 3.366-1.012 5.02l-2.382 9.95a1.844 1.844 0 0 0 1.663 2.27h0a1.84 1.84 0 0 0 1.829-1.12l4.872-13.756"/></g></svg>

People Hugging アイコンの使い方

React

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

<Icon icon="openmoji:people-hugging" width="24" />

Vue

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

<template>
  <Icon icon="openmoji:people-hugging" width="24" />
</template>

Svelte

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

<Icon icon="openmoji:people-hugging" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="openmoji:people-hugging"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/openmoji/people-hugging.svg" alt="People Hugging アイコン" width="24" height="24">

OpenMoji の関連アイコン

他のアイコンセットの People Hugging アイコン

People Hugging アイコンのよくある質問

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

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

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

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

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

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

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