ICONYZ
日本語
IconPark の Peoples Two アイコン

Peoples Two アイコン

icon-park:peoples-two

Peoples Two アイコン(icon-park:peoples-two)は、IconPark セットの無料 SVG アイコンです(作者: ByteDance)。 48 × 48 のグリッドで描かれています。 IconPark icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
IconPark
作者
ByteDance
ライセンス
Apache-2.0
サイズ
48 × 48
カテゴリ
人物
タグ
peoplestwo、people
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path fill="#2F88FF" d="M24 20C27.866 20 31 16.866 31 13C31 9.13401 27.866 6 24 6C20.134 6 17 9.13401 17 13C17 16.866 20.134 20 24 20Z"/><path d="M12 7.25488C10.1865 8.51983 9 10.6214 9 13.0002C9 15.5465 10.3596 17.7753 12.3924 19.0002"/><path d="M36 7.25488C37.8135 8.51983 39 10.6214 39 13.0002C39 15.3789 37.8135 17.4806 36 18.7455"/><path fill="#2F88FF" d="M12 40V42H36V40C36 36.2725 36 34.4087 35.391 32.9385C34.5791 30.9783 33.0217 29.4209 31.0615 28.609C29.5913 28 27.7275 28 24 28C20.2725 28 18.4087 28 16.9385 28.609C14.9783 29.4209 13.4209 30.9783 12.609 32.9385C12 34.4087 12 36.2725 12 40Z"/><path d="M43.9999 42.0001V40.8001C43.9999 36.3197 43.9999 34.0795 43.128 32.3682C42.361 30.8629 41.1371 29.6391 39.6318 28.8721"/><path d="M4.00009 42.0001V40.8001C4.00009 36.3197 4.00009 34.0795 4.87204 32.3682C5.63902 30.8629 6.86287 29.6391 8.36816 28.8721"/></g></svg>

Peoples Two アイコンの使い方

React

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

<Icon icon="icon-park:peoples-two" width="24" />

Vue

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

<template>
  <Icon icon="icon-park:peoples-two" width="24" />
</template>

Svelte

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

<Icon icon="icon-park:peoples-two" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--peoples-two]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:peoples-two"></div>

Web コンポーネント

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

<iconify-icon icon="icon-park:peoples-two"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/icon-park/peoples-two.svg" alt="Peoples Two アイコン" width="24" height="24">

IconPark の関連アイコン

他のアイコンセットの Peoples Two アイコン

Peoples Two アイコン のよくある質問

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

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

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

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

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

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

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