ICONYZ
Bahasa Indonesia
Ikon User Group dari HeroIcons v1 Outline

Ikon User Group

heroicons-outline:user-group

Ikon User Group (heroicons-outline:user-group) adalah ikon SVG gratis dari set HeroIcons v1 Outline karya Refactoring UI Inc. Ikon ini digambar pada grid 24 × 24. HeroIcons v1 Outline icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
HeroIcons v1 Outline
Pembuat
Refactoring UI Inc
Lisensi
MIT
Ukuran
24 × 24
Tag
usergroup
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 20h5v-2a3 3 0 0 0-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 0 1 5.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 0 1 9.288 0M15 7a3 3 0 1 1-6 0a3 3 0 0 1 6 0m6 3a2 2 0 1 1-4 0a2 2 0 0 1 4 0M7 10a2 2 0 1 1-4 0a2 2 0 0 1 4 0"/></svg>

Cara memakai ikon User Group

React

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

<Icon icon="heroicons-outline:user-group" width="24" />

Vue

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

<template>
  <Icon icon="heroicons-outline:user-group" width="24" />
</template>

Svelte

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

<Icon icon="heroicons-outline:user-group" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[heroicons-outline--user-group]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/heroicons-outline -->
<div class="i-heroicons-outline:user-group"></div>

Web component

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

<iconify-icon icon="heroicons-outline:user-group"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/heroicons-outline/user-group.svg" alt="Ikon User Group" width="24" height="24">

Ikon terkait di HeroIcons v1 Outline

Ikon User Group di set ikon lain

FAQ Ikon User Group

Apakah ikon User Group gratis untuk penggunaan komersial?

Ya. HeroIcons v1 Outline icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon User Group di React?

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

Bagaimana cara menambahkan ikon User Group ke halaman web?

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

Lihat semua Ikon HeroIcons v1 Outline →