ICONYZ
Bahasa Indonesia
Ikon Id Card dari Vesper Icons

Ikon Id Card

vs:id-card

Ikon Id Card (vs:id-card) adalah ikon SVG gratis dari set Vesper Icons karya TableCheck. Ikon ini digambar pada grid 2112 × 1568. 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
2112 × 1568
Tag
idcard
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="2112" height="1568" viewBox="0 0 2112 1568"><path fill="currentColor" d="M180 11q-75 0-127.5 52.5T0 191v1167q0 74 52.5 127t127.5 53h1741q75 0 127.5-53t52.5-127V191q0-75-52.5-127.5T1921 11zm1798 1403H123V135h1855zM1469 358q-112 0-174 76.5T1233 631q-2 133 117 235q15 12 9 30l-18 50q-8 17-25 26.5t-70 27.5q-46 8-89 24v167h624v-167q-44-16-88-24q-53-18-70.5-27.5T1597 946l-17-50q-6-18 9-30q119-102 117-235q0-120-62.5-196.5T1469 358M302 445v104h649V445zm0 278v104h649V723zm0 277v104h649v-104z"/></svg>

Cara memakai ikon Id Card

React

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

<Icon icon="vs:id-card" width="24" />

Vue

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

<template>
  <Icon icon="vs:id-card" width="24" />
</template>

Svelte

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

<Icon icon="vs:id-card" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="vs:id-card"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/vs/id-card.svg" alt="Ikon Id Card" width="24" height="24">

Ikon terkait di Vesper Icons

Ikon Id Card di set ikon lain

FAQ Ikon Id Card

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

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

Bagaimana cara menambahkan ikon Id Card ke halaman web?

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

Lihat semua Vesper Icons →