People Hugging アイコン

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

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

noto:people-hugging

People Hugging アイコン(noto:people-hugging)は、Noto Emoji セットの無料 SVG アイコンです（作者: Google Inc）。 128 × 128 のグリッドで描かれています。 Noto Emoji icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Noto Emoji
作者: Google Inc
ライセンス: Apache-2.0
サイズ: 128 × 128
カテゴリ: 人物・体
タグ: peoplehugging

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><radialGradient id="SVG4nNzAdWX" cx="71.353" cy="54.761" r="41.042" gradientTransform="rotate(3.865 250.515 86.799)" gradientUnits="userSpaceOnUse"><stop offset=".47" stop-color="#42A5F5"/><stop offset="1" stop-color="#FCE8B2"/></radialGradient><path fill="url(#SVG4nNzAdWX)" d="M82.58 5.72c-10.59-.71-27.85 9.87-23.63 34.9c2.61 15.47 12.62 23.12 19.68 23.6s18.01-5.76 22.68-20.74c7.54-24.23-8.14-37.05-18.73-37.76"/><linearGradient id="SVGcDS3Gcmx" x1="75.601" x2="66.573" y1="30.528" y2="114.104" gradientUnits="userSpaceOnUse"><stop offset=".128" stop-color="#FCE8B2"/><stop offset=".64" stop-color="#42A5F5"/></linearGradient><path fill="url(#SVGcDS3Gcmx)" d="M117.94 83.27c-4.15-16.61-16.84-25.96-30.58-27.66c-5.48-.68-11.04-.92-16.48.01c-1.27.22-2.7.82-3.97.86c-.98.03-32.26-12.01-33.57-12.46C29.68 42.73 22.17 43 19.17 51c-3.93 10.47 12 18 35 36l-.94 37h66.79s1.08-28.09-2.08-40.73"/><linearGradient id="SVGv9IJhbkQ" x1="28.109" x2="63.83" y1="135.296" y2="46.551" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0D47A1"/><stop offset=".679" stop-color="#1976D2"/></linearGradient><path fill="url(#SVGv9IJhbkQ)" d="M89.17 70c-3-5-9.75-1.11-12 1c-16 15-19.7 17.19-22.96 15.43c-.99-.53-2.94-1.91-8.22-5.99S22.17 62 22.17 62c-18 15-13.96 62-13.96 62h45.02l.81-14.92c5.68.91 9.99-1.04 14.12-4.08c7.61-5.62 13.02-10.7 18-19c3.01-5 6.01-11 3.01-16"/><radialGradient id="SVGEvLa51zV" cx="45.628" cy="49.205" r="46.585" gradientTransform="rotate(-22.626 44.006 45.518)" gradientUnits="userSpaceOnUse"><stop offset=".527" stop-color="#1565C0"/><stop offset="1" stop-color="#FADA80"/></radialGradient><path fill="url(#SVGEvLa51zV)" d="M39.45 7.91c-9.8 4.08-20.53 21.26-5.58 41.78c9.23 12.68 21.61 15.06 28.14 12.34s13.55-13.19 11.05-28.67C69 8.3 49.25 3.83 39.45 7.91"/><path fill="#1976D2" d="M103.75 60.18S93.18 67 89.18 60c-3.58-6.26 7.1-12.75 7.1-12.75c3.11-1.79 7.23-1.56 9.56 2.53c2.79 4.89 1.02 8.61-2.09 10.4"/></svg>

People Hugging アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Noto Emoji の関連アイコン

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

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

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

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

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

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

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

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

Noto Emoji アイコンをすべて見る →