Crowd Of People アイコン
pinhead:crowd-of-people
Crowd Of People アイコン(pinhead:crowd-of-people)は、Pinhead Map Icons セットの無料 SVG アイコンです（作者: Quincy Morgan）。 15 × 15 のグリッドで描かれています。 Pinhead Map Icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Pinhead Map Icons
- 作者
- Quincy Morgan
- ライセンス
- CC0-1.0
- サイズ
- 15 × 15
- タグ
- crowdof、ofpeople、crowdofpeople
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M5.4 1.37C5.4.62 6.01 0 6.75 0c.75 0 1.36.62 1.36 1.37c0 .76-.61 1.37-1.36 1.37c-.74 0-1.35-.61-1.35-1.37m-1.46 9.29c0 .76.61 1.38 1.35 1.38c.75 0 1.36-.62 1.36-1.38c0-.75-.61-1.37-1.36-1.37c-.74 0-1.35.62-1.35 1.37m1.84-2.4c.48.1.91.34 1.23.69c-.22-.37-.35-.81-.35-1.25c0-1.25.93-2.29 2.15-2.41c.12-.02.24-.02.35-.01v-.59c-.1-.52-.57-.91-1.12-.91H5.52c-.35 0-.67.15-.89.43l.04.11h-.06c.1.27.16.56.16.85c0 .53-.18 1.05-.5 1.48c.76.22 1.34.84 1.51 1.61m1.92-.55c0 .75.61 1.37 1.36 1.37c.74 0 1.35-.62 1.35-1.37c0-.76-.61-1.37-1.35-1.37c-.75 0-1.36.61-1.36 1.37m4.89-2.85c.75 0 1.36-.62 1.36-1.38c0-.75-.61-1.37-1.36-1.37c-.74 0-1.35.62-1.35 1.37c0 .76.61 1.38 1.35 1.38M3.4 12.15c-.32-.42-.5-.94-.5-1.48c0-1.12.75-2.09 1.82-2.36c-.18-.43-.6-.7-1.05-.7H1.2c-.43 0-.84.2-1.05.58c-.1.18-.15.38-.15.58v.84l.01 3.29h1.24V15h.63v-.74c0-.97.62-1.81 1.52-2.11m-1-5.6c.75 0 1.36-.61 1.36-1.37S3.15 3.81 2.4 3.81c-.74 0-1.35.61-1.35 1.37s.61 1.37 1.35 1.37m9.04 4.51c-.11-.52-.55-.9-1.08-.92H7.79c-.04 0-.09 0-.14.01c.04.17.05.34.05.51c0 .52-.17 1.03-.48 1.45l.27.13c.65.3 1.11.89 1.24 1.59l.02.08V15h2.71v-3.72c0-.03-.01-.06-.01-.09l-.01-.12zm2.42-5.14h-3.19c.5.46.78 1.11.79 1.79c0 .53-.18 1.05-.49 1.47c1.49.41 1.53 2.1 1.53 2.12V15h1.25v-3.8H15V7.07c0-.64-.51-1.15-1.14-1.15M6.59 13.1H4.06c-.31 0-.59.12-.81.34s-.33.51-.33.82V15h4.79v-.99c-.11-.52-.58-.91-1.12-.91"/></svg>Crowd Of People アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="pinhead:crowd-of-people" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="pinhead:crowd-of-people" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="pinhead:crowd-of-people" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[pinhead--crowd-of-people]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/pinhead -->
<div class="i-pinhead:crowd-of-people"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="pinhead:crowd-of-people"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/pinhead/crowd-of-people.svg" alt="Crowd Of People アイコン" width="24" height="24">Crowd Of People アイコン のよくある質問
Crowd Of People アイコンは商用利用でも無料ですか?
はい。Pinhead Map Icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Crowd Of People アイコンを使うには?
@iconify/react をインストールして <Icon icon="pinhead:crowd-of-people" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Crowd Of People アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/pinhead/crowd-of-people.svg" alt="Crowd Of People アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。