Ikon Person
el:person
Ikon Person (el:person) adalah ikon SVG gratis dari set Elusive Icons karya Team Redux. Ikon ini digambar pada grid 1200 × 1200. Elusive 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
- Elusive Icons
- Pembuat
- Team Redux
- Lisensi
- OFL-1.1
- Ukuran
- 1200 × 1200
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="1200" viewBox="0 0 1200 1200"><path fill="currentColor" d="M719.57 272.035q27.69 0 50.975 10.698c46.078 23.193 73.285 67.272 73.631 116.424V737.73c-8.643 53.824-70.25 39.188-71.742 0V418.037c-5.49-18.231-40.693-10.672-41.535 0v733.785c-8.951 74.928-105.773 52.934-108.242-1.258V701.23c-6.191-28.982-46.936-15.813-47.829 1.259c1.728 149.353 1.259 298.715 1.259 448.075c-9.656 74.543-106.007 55.47-108.243 1.258l-1.258-733.785c-5.643-17.838-38.263-10.996-39.019 0V737.73c-8.644 53.824-70.25 39.188-71.742 0V399.157c.871-47.056 18.117-94.197 59.156-116.424q20.139-10.7 49.087-10.699zm-1.269-153.758c0 65.323-52.955 118.278-118.278 118.278c-65.322 0-118.277-52.955-118.277-118.278C481.745 52.955 534.7 0 600.021 0c65.325 0 118.28 52.955 118.28 118.277"/></svg>
Cara memakai ikon Person
React
import { Icon } from "@iconify/react";
<Icon icon="el:person" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="el:person" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="el:person" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[el--person]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/el -->
<div class="i-el:person"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="el:person"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/el/person.svg" alt="Ikon Person" width="24" height="24">
Ikon Person di set ikon lain
FAQ Ikon Person
Apakah ikon Person gratis untuk penggunaan komersial?
Ya. Elusive Icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Person di React?
Pasang @iconify/react lalu render <Icon icon="el:person" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Person ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/el/person.svg" alt="Ikon Person">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Elusive Icons →
ICONYZ
