ICONYZ
Bahasa Indonesia
Ikon People Group dari Vesper Icons

Ikon People Group

vs:people-group

Ikon People Group (vs:people-group) adalah ikon SVG gratis dari set Vesper Icons karya TableCheck. Ikon ini digambar pada grid 2624 × 2016. Vesper Icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
Vesper Icons
Pembuat
TableCheck
Lisensi
OFL-1.1
Ukuran
2624 × 2016
Tag
peoplegroup
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="2624" height="2016" viewBox="0 0 2624 2016"><path fill="currentColor" d="M2099 482h221q126 0 203 58.5t77 186.5v338q0 35-.5 51.5t-5 40.5t-13 34t-25 18t-41.5 8h-88v739q0 25-14.5 42.5T2378 2016h-123q-11 0-17-1.5t-10-7t-5.5-10t-5-16.5t-7.5-22q-3 7-7 18.5t-5.5 15.5t-5 10t-7.5 8t-10 3.5t-15 1.5h-117q-22 0-36.5-17t-14.5-43v-739h-88q-25 0-41.5-8t-25-18t-13-34t-5-40t-.5-52V727q0-128 77-186.5t203-58.5m111-49q-80 0-144-62.5T2002 223q0-84 64-146t144-62t144.5 62t64.5 146q0 85-64.5 147.5T2210 433m-1021 49h222q126 0 202.5 58.5T1690 727v378l-1.5 31l-5 28.5l-9 21.5l-14.5 17.5l-22.5 9.5l-31.5 4h-89v739q0 25-14.5 42.5T1468 2016h-122q-13 0-20.5-4t-10-7.5t-7-20t-8.5-25.5q-3 8-7.5 21.5t-6.5 17t-6.5 9.5t-11 7.5t-17.5 1.5h-118q-22 0-36-17t-14-43v-739h-89q-18 0-31.5-4t-22.5-9.5t-14.5-18t-9-21t-5-28.5t-1.5-31V727q0-128 76.5-186.5T1189 482m111-49q-80 0-144-62.5T1092 223q0-84 64-146t144-62t144.5 62t64.5 146q0 85-64.5 147.5T1300 433M280 482h221q126 0 203 58.5T781 727v338q0 35-.5 51.5t-5 40.5t-13 34t-25 18t-41.5 8h-88v739q0 25-15 42.5t-35 17.5H436q-13 0-20.5-4t-10-7.5t-7-20t-8.5-25.5q-3 8-7.5 21.5t-6.5 17t-6.5 9.5t-11 7.5t-17.5 1.5H224q-22 0-36.5-17t-14.5-43v-739H85q-25 0-41.5-9t-25-20t-13-36t-5-42t-.5-53V719q0-237 280-237m110-49q-80 0-144-62.5T182 223q0-84 64-146t144-62t145 62t65 146q0 85-65 147.5T390 433"/></svg>

Cara memakai ikon People Group

React

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

<Icon icon="vs:people-group" width="24" />

Vue

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

<template>
  <Icon icon="vs:people-group" width="24" />
</template>

Svelte

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

<Icon icon="vs:people-group" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="vs:people-group"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/vs/people-group.svg" alt="Ikon People Group" width="24" height="24">

Ikon People Group di set ikon lain

FAQ Ikon People Group

Apakah ikon People Group gratis untuk penggunaan komersial?

Ya. Vesper Icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon People Group di React?

Pasang @iconify/react lalu render <Icon icon="vs:people-group" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon People Group ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/vs/people-group.svg" alt="Ikon People Group">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Vesper Icons →