Ikon People Top Card

icon-park:people-top-card

Ikon People Top Card (icon-park:people-top-card) adalah ikon SVG gratis dari set IconPark karya ByteDance. Ikon ini digambar pada grid 48 × 48. IconPark icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: IconPark
Pembuat: ByteDance
Lisensi: Apache-2.0
Ukuran: 48 × 48
Kategori: Orang
Tag: peopletop, topcard, peopletopcard

Download SVG

Kode 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 d="M44 8H4V38H19L24 43L29 38H44V8Z"/><circle cx="24" cy="19" r="5" fill="#2F88FF"/><path d="M33 32C33 27.5817 28.9706 24 24 24C19.0294 24 15 27.5817 15 32"/></g></svg>

Cara memakai ikon People Top Card

React

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

<Icon icon="icon-park:people-top-card" width="24" />

Vue

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

<template>
  <Icon icon="icon-park:people-top-card" width="24" />
</template>

Svelte

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

<Icon icon="icon-park:people-top-card" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--people-top-card]"></span>

UnoCSS

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

Web component

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

<iconify-icon icon="icon-park:people-top-card"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/icon-park/people-top-card.svg" alt="Ikon People Top Card" width="24" height="24">

Ikon terkait di IconPark

Ikon People Top Card di set ikon lain

FAQ Ikon People Top Card

Apakah ikon People Top Card gratis untuk penggunaan komersial?

Ya. IconPark icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon People Top Card di React?

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

Bagaimana cara menambahkan ikon People Top Card ke halaman web?

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

Lihat semua Ikon IconPark →