ICONYZ
Bahasa Indonesia
Ikon Profile dari Vesper Icons

Ikon Profile

vs:profile

Ikon Profile (vs:profile) adalah ikon SVG gratis dari set Vesper Icons karya TableCheck. Ikon ini digambar pada grid 1408 × 1472. 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
1408 × 1472
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1408" height="1472" viewBox="0 0 1408 1472"><path fill="currentColor" d="M704 128q-144 0-225 106t-81 271q-1 205 132 325q17 16 12 41l-23 48q-11 24-32.5 37.5T396 995q-3 1-126.5 41T138 1080q-84 35-110 73q-28 63-28 319h1408q0-256-28-319q-26-38-110-73q-8-4-131.5-44T1012 995q-69-25-90.5-38.5T889 919l-23-48q-5-25 12-41q133-120 132-325q0-165-81-271T704 128"/></svg>

Cara memakai ikon Profile

React

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

<Icon icon="vs:profile" width="24" />

Vue

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

<template>
  <Icon icon="vs:profile" width="24" />
</template>

Svelte

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

<Icon icon="vs:profile" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="vs:profile"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/vs/profile.svg" alt="Ikon Profile" width="24" height="24">

Ikon Profile di set ikon lain

FAQ Ikon Profile

Apakah ikon Profile 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 Profile di React?

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

Bagaimana cara menambahkan ikon Profile ke halaman web?

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

Lihat semua Vesper Icons →