Ikon People
token-branded:people
Ikon People (token-branded:people) adalah ikon SVG gratis dari set Web3 Icons Branded karya 0xa3k5. Ikon ini digambar pada grid 24 × 24. Web3 Icons Branded 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
- Web3 Icons Branded
- Pembuat
- 0xa3k5
- Lisensi
- MIT
- Ukuran
- 24 × 24
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="#ddc6b8" d="m19.436 8.02l-.248-.318h.73l.159.318z"/><path fill="#503b20" d="M20.082 8.02h-.646l.17.212h.572z"/><path fill="#fff7d6" d="m19.765 8.448l-.159-.217h.572l.095.212h-.508z"/><path fill="#1b1306" d="m20.68 9.607l-.91-1.16h.503c.16.17.34.848.413 1.16z"/><path fill="#dde18c" d="m15.36 4.563l.318-.8c.715.201 1.509.81 1.81 1.085v1.943L15.97 8.295l-.603-3.727z"/><path fill="url(#SVGuHlPTc3P)" d="M3.55 8.825a14 14 0 0 0-.423 1.72l5.384.143l.952.18v2.456l1.287-1.17l-.154-2.101l1.096-1.25l.143-1.196l-.466-1.556l.207-1.461L11.32 3c-.354.022-1.392.239-1.863.34v4.324l-.132 1.16z"/><path fill="#eee7cb" d="M12.158 7.706c-.424-.725-.307-2.488-.19-3.282c.677-.635 1.836-.402 2.328-.206c.382.307 1.228 1.08 1.625 1.773c.398.688.165 1.07 0 1.17v.874c-.635.635-1.963 1.916-2.223 1.905c-.328-.021-1.016-1.323-1.546-2.234z"/><path fill="#dab98c" d="M12.714 5.17c-.17-.354.28-.847.529-1.042c-.312-.138-1.096.296-1.244.931c-.148.636.572.964.826 1.08c.206.09.333.355.37.477c-.042-.16.238-.212.328-.043c.096.16.048.853.053.916c0 .048.297-.063.445-.127c.01-.222.042-.699.074-.794c.042-.111.572-.19.858-.159c.286.032.127.519-.07.635c-.2.106-.137.127 0 .487c.107.292-.3.583-.518.7l.815.333l.154-.863c.111-.455.344-1.382.35-1.44a7 7 0 0 0-.35-1.239a7.4 7.4 0 0 0-.863-.73l-.773-.1c.646.476.35 1.174.122 1.47c-.318.033-.9-.047-1.106-.492"/><path fill="#d89c78" d="M12.46 7.3c-.1-.26.328-.747.55-.964c-.312.297-.582.46-.672.508l-.498.397l.498.816l.995 1.503c.133.027.402.053.402-.063c0-.149.752-.551.98-.482c.222.063 1.413-1.027 1.302-1.255a3.3 3.3 0 0 1-.085-1.307c.053-.376.239-.117.043-.302c-.16-.159-.344.042-.424.159c-.132.302-.407.963-.37 1.18c.037.265-.043.625-.228.82c-.148.16-.434.064-.561 0c.053.086.074.297-.228.488c-.38.233-.794-.138-.667-.302c.127-.159 1.022-.212.71-.228c-.255-.02-.265-.582-.244-.862l-.683.143c-.016-.016-.11 0-.391.211c-.355.265-.308-.137-.43-.46"/><path fill="#bc855c" d="M12.285 5.543c-.275-.487.111-1 .344-1.191c-.397.17-1.196.651-1.25 1.191a.97.97 0 0 0 .53.953l.868-.402c-.052.02-.217-.064-.492-.55"/><path fill="url(#SVG7ah5id4z)" d="M12.005 21a8.99 8.99 0 0 0 8.344-5.641a9 9 0 0 0 .65-3.48l-2.933-3.806L5.425 18.13a8.96 8.96 0 0 0 6.58 2.87"/><path fill="#572f23" d="M11.925 7.279c-.307-.275-.143-.021-.228-.164q.612 1.186 1.324 2.313c.29.424.672.307.826.196c-.075.053-.281.106-.482-.08c-.249-.227-1.059-1.926-1.44-2.265"/><path fill="url(#SVG6FfSgexP)" d="m11.803 13.086l-.29-.598l6.659-5.225l2.673 3.017c.1.328.122 1.207.122 1.61l-2.954-3.696l-1.647 1.27z"/><path fill="url(#SVGLvrdocZz)" d="M14.54 10.898L5.435 18.14l-.244-.275l-.232-.28l9.115-7.306z"/><path fill="#e6d399" d="M8.61 20.323a6.4 6.4 0 0 1-1.2-.614l12.365-9.413l.503.678z"/><path fill="#e6d399" d="m19.076 17.543l-2.885-3.446c.255-.291.763-.874.794-.874c.027 0 1.87 2.192 2.79 3.287z"/><path fill="#eae9cd" d="M16.842 14.648c.454 0 .82-.349.82-.778s-.366-.779-.82-.779s-.82.349-.82.779s.367.778.82.778"/><path fill="#361822" d="M12.253 6.283c-.318.026-.598-.556-.699-.847l-.08 1.133l.514.963c-.132-.301.159-.56.323-.656l.037-.307c.106-.106.222-.318-.095-.286"/><path fill="#9a634e" d="M13.053 8.136c.079-.01.158-.434.185-.646c.106-.02.286-.01.2.17c-.105.222.366.677.154.693a.43.43 0 0 0-.322.217c.047.138.195.424.439.455c.243.032.535.016.651 0l-.37.212c-.117.133-.398.381-.583.323c-.19-.058-.566-.688-.73-.99l-.81-1.207l.19-.47c-.016.052-.01.253.159.624c.222.466.73.64.837.624z"/><path fill="#ccb98e" d="M13.047 6.707c-.096-.149-.45.227-.614.434c.132-.34.571-.937.704-.773c.132.159.143.836.164 1.154l-.159.037c.005-.222.005-.71-.095-.852"/><path fill="#a2776e" d="M13.571 8.718c-.164 0-.17-.127-.159-.19c-.02.01-.005-.005.265-.09c.699-.212.747-.106.921-.08c-.249.106-.857.36-1.027.36"/><path fill="#a2776e" d="M13.952 8.77c-.196.08-.413-.015-.46-.02c.015.063.105.195.338.222c.239.026.578-.302.715-.472a9 9 0 0 1-.593.276z"/><path fill="#390800" d="M13.2 8.766a.41.41 0 0 1 .27-.456c.334-.116.917-.27 1.303.106c-.265-.19-.635-.053-.91.053c-.122.042-.228.08-.297.085c-.18 0-.318.143-.37.212zm.191.105c.196.053.646.08.874-.174c-.355.74-.73.423-.874.174"/><path fill="url(#SVGxqj0hdoz)" d="M9.013 8.824H3.561l.195-.366h5.172c.19 0 .196-.105.175-.158V3.488l.46-.175v5.14l-.206.365h-.344z"/><path fill="#cfbb96" d="M9.182 8.465h-5.42l.132-.339h4.928V3.57l.36-.122z"/><path fill="#401d07" d="M8.822 8.134H3.883c.037-.106.085-.2.106-.227h4.452V3.725c.148-.085.297-.127.381-.16z"/><path fill="#d8c19e" d="M4.17 7.57c-.053.084-.132.264-.17.344l4.447.005V3.71l-.153.043V7.57z"/><path fill="#ddb963" d="M7.235 4.25c-.837.349-2.028 1.62-2.578 2.456h2.578z"/><path fill="#301617" d="M4.668 6.706c-.111.127-.376.667-.487.873h4.113V3.757c-.175.043-.82.355-1.059.498v2.45z"/><path fill="#e7d0b1" d="M9.225 10.941H3.08c-.016.106-.026.265-.032.34h5.776v2.598l.402-.153z"/><path fill="#3b2323" d="M3.053 11.263a7 7 0 0 0-.037.762h5.188v2.256l.62-.43v-2.583h-5.77z"/><path fill="#71524d" d="M3.338 11.47h4.42v.154h-4.42z"/><path fill="#ac8f71" d="M8.294 11.668h.275v2.265h-.275z"/><path fill="url(#SVGgsvAmdNL)" d="m9.374 13.227l-4.807 3.811l.238.35l.254.317l3.182-2.7l9.973-7.675l2.604 2.98l-.132-.699l-2.625-3.366z"/><path fill="#301900" d="m3.132 10.534l-.053.397l6.14.01v2.594l.435-.17v-2.328l-.503-.503z"/><path fill="#4a1f0f" d="m3.894 12.65l-.884-.624c-.08.746.334 2.816.884 3.832z"/><path fill="#ead697" d="m3.878 12.65l-.868-.624h5.23l-.751.624z"/><path fill="#59301e" d="M7.483 14.832V12.64l.742-.63v2.234z"/><path fill="#d09f52" d="M3.879 12.645v3.192c.026.08.159.297.228.397h1.577l1.821-1.376v-2.213z"/><path fill="#2c1608" d="M4.572 17.044a15 15 0 0 1-.487-.81h1.604z"/><path fill="#1c0d0a" d="M11.914 3.907V3h-.587l.211 1.562l.371-.656z"/><path fill="#1b1107" d="M9.315 9.942c-.106-.302.01-.62.217-.842c.106-.106.223-.19.339-.238q.182-.066.302-.01c.301.131.44.438.466.581l.174-.042a1.06 1.06 0 0 0-.571-.704a.57.57 0 0 0-.43.01a1.06 1.06 0 0 0-.407.286c-.238.254-.392.636-.254 1.022c.117.312.387.492.662.598c.28.106.571.138.762.133v-.175c-.175 0-.445-.027-.699-.122s-.47-.249-.56-.497m1.202.407c-.021.01-.588-.005-.794-.307c-.212-.302-.085-.98.333-.974c.424 0 .704.715.46 1.281"/><path fill="#39201b" d="M10.126 11.55c-.027-.784-.212-1.053-.297-1.09c1.752.301 1.112 1.296 1.08 1.328l-.492.794c-.085-.021-.265-.249-.291-1.032"/><path fill="#141416" d="M11.464 8.505c.37-.302.196-1.244.058-1.678a42 42 0 0 0 1.567 2.546c.34.46.64.434.752.36l-3.308 2.81l.1-.582c.26-.847-.55-1.778-.55-2.461c0-.688.91-.62 1.376-.995z"/><path fill="#bc8f65" d="M15.143 3.551c-.969-.47-2.716-.56-3.467-.55l.17.953c.147-.032.619-.106 1.344-.175c.73-.069 1.604.492 1.953.778z"/><path fill="#1b0000" d="M15.122 4.545V3.54c.148.031.44.169.561.232l-.164.53l.222.53z"/><path fill="#100000" d="M17.472 6.824v-1.98l.392.318v1.344z"/><path fill="#d6bd9e" d="m17.854 5.14l.244.232v.937l-.244.19z"/><path fill="#4f2d11" d="m18.092 5.368l.333.307v1.064l-.333-.424z"/><path fill="#b38971" d="M18.425 6.732V5.673l.233.25v1.1z"/><path fill="#240c00" d="M18.659 7.033V5.921c.444.397 1.027 1.35 1.265 1.78h-.73l-.53-.668z"/><path fill="#e4dab6" d="M13.82 6.123c.016-.068.09-.211.307-.248c.212-.032.36-.01.408 0c-.032.095-.138.296-.291.328l-.053.01c-.18.038-.37.075-.37-.09m-1.503.493c.111-.1.37-.297.492-.313c.159-.015.08.556-.386.583a.2.2 0 0 1-.127-.053c-.037-.032 0-.159.02-.217"/><path fill="#390800" fill-rule="evenodd" d="M11.629 6.003c.212.365.212 1.101.18 1.424c-.688-.678-.71-1.694-.72-2.033v-.026c-.005-.318.72-1.504.8-1.54l.068-.054c.228-.174.948-.725 1.784-.56c.672.132 1.006.492 1.234.74c.095.106.174.186.254.228c.27.143.529.46.746.847c.159.286.175 1.048.159 1.45c-.006-.079-.058-.19-.223-.285c-.248-.149-.264.264-.264.518v.265c0 .127 0 .207-.043.18c-.058-.032-.079-.275-.079-.392c.026-.751-.18-1.048-.275-1.185l-.021-.027l-.053-.106c-.149-.333-.583-1.265-1.435-1.265a2.66 2.66 0 0 0-1.715.614c-.069.074-.667.757-.397 1.207m1.964.074l-.223-.286c.16.032.323-.053.493-.137c.122-.064.243-.127.37-.149a.62.62 0 0 1 .53.143l-.138-.02a.68.68 0 0 0-.566.227c.095-.032.227-.053.407-.043l.164.064h-.053a.53.53 0 0 1-.264.312l.031-.031a.2.2 0 0 1-.068.015c-.106 0-.186-.068-.186-.142a.12.12 0 0 1 .048-.096a.5.5 0 0 0-.227.106c-.043.1-.038.254-.032.334l-.032-.101c-.042-.206-.185-.212-.254-.196m.74-.185l.202-.016a.5.5 0 0 1-.08.154c0-.064-.047-.117-.116-.138zm-2.064.28c-.307.154-.391.387-.397.487c.143-.211.477-.317.62-.349a.67.67 0 0 0-.276.35a.265.265 0 0 0 .106.306v-.068c.133.053.334-.07.424-.138a.54.54 0 0 1-.424.058v-.11c.01-.086.122-.176.265-.24l-.01.011c-.027.053-.054.16.037.207c.121.053.343-.053.285-.207a.13.13 0 0 0-.084-.079a.6.6 0 0 1 .158-.01c.101.01.149.042.175.074l.021.09c.043.18.074.37.074.529c-.005.318-.047.386-.063.381c-.043.095-.069.302.122.35c.132.037.185-.022.243-.09c.048-.053.1-.117.207-.133l.132-.01c.148-.011.233-.022.233-.18c0-.202-.424-.212-.498-.085c-.08.122-.28.185-.317.042c-.011-.037-.011-.095-.016-.174a3 3 0 0 0-.127-.805l-.016-.244c-.01-.29-.477-.153-.868.037z" clip-rule="evenodd"/><path fill="#5d3e2c" d="M12.815 3.477c-.36.132-.561.44-.614.577c.497-.434 1.831-.318 2.435-.212l-.572-.37a2.3 2.3 0 0 0-1.25 0z"/><defs><linearGradient id="SVGuHlPTc3P" x1="4.948" x2="17.405" y1="14.123" y2="14.952" gradientUnits="userSpaceOnUse"><stop stop-color="#e8d394"/><stop offset=".52" stop-color="#e4e1b3"/><stop offset="1" stop-color="#e2d07a"/></linearGradient><linearGradient id="SVG7ah5id4z" x1="9.063" x2="17.751" y1="10.585" y2="19.129" gradientUnits="userSpaceOnUse"><stop stop-color="#b69961"/><stop offset=".17" stop-color="#90703f"/><stop offset=".36" stop-color="#cfb885"/><stop offset=".5" stop-color="#95713a"/><stop offset=".71" stop-color="#e0d792"/><stop offset="1" stop-color="#dbc07d"/></linearGradient><linearGradient id="SVG6FfSgexP" x1="12" x2="12" y1="3.001" y2="20.787" gradientUnits="userSpaceOnUse"><stop stop-color="#664f41"/><stop offset=".33" stop-color="#745a37"/><stop offset=".74" stop-color="#948149"/></linearGradient><linearGradient id="SVGLvrdocZz" x1="4.671" x2="19.555" y1="19.799" y2="11.219" gradientUnits="userSpaceOnUse"><stop stop-color="#12140d"/><stop offset=".83" stop-color="#4a3d25"/><stop offset="1" stop-color="#846e40"/></linearGradient><linearGradient id="SVGxqj0hdoz" x1="9.746" x2="22.562" y1="21.76" y2="7.291" gradientUnits="userSpaceOnUse"><stop stop-color="#23150a"/><stop offset="1" stop-color="#241500"/></linearGradient><linearGradient id="SVGgsvAmdNL" x1="12.024" x2="-.553" y1="2.999" y2="15.522" gradientUnits="userSpaceOnUse"><stop stop-color="#2f2218"/><stop offset="1" stop-color="#12140d"/></linearGradient></defs></g></svg>Cara memakai ikon People
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:people" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:people" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:people" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--people]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:people"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:people"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/token-branded/people.svg" alt="Ikon People" width="24" height="24">Ikon terkait di Web3 Icons Branded
Ikon People di set ikon lain
FAQ Ikon People
Apakah ikon People gratis untuk penggunaan komersial?
Ya. Web3 Icons Branded icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon People di React?
Pasang @iconify/react lalu render <Icon icon="token-branded:people" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon People ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/token-branded/people.svg" alt="Ikon People">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.