ICONYZ
Bahasa Indonesia
Ikon Id Card dari Line Awesome

Ikon Id Card

la:id-card

Ikon Id Card (la:id-card) adalah ikon SVG gratis dari set Line Awesome karya Icons8. Ikon ini digambar pada grid 32 × 32. Line Awesome 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
Line Awesome
Pembuat
Icons8
Lisensi
Apache-2.0
Ukuran
32 × 32
Kategori
Pengguna dan orang
Tag
idcard
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M5 6C3.355 6 2 7.355 2 9v14c0 1.645 1.355 3 3 3h22c1.645 0 3-1.355 3-3V9c0-1.645-1.355-3-3-3zm0 2h22c.566 0 1 .434 1 1v14c0 .566-.434 1-1 1H5c-.566 0-1-.434-1-1V9c0-.566.434-1 1-1m6 2c-2.2 0-4 1.8-4 4c0 1.113.477 2.117 1.219 2.844A5.04 5.04 0 0 0 6 21h2c0-1.668 1.332-3 3-3s3 1.332 3 3h2a5.04 5.04 0 0 0-2.219-4.156C14.523 16.117 15 15.114 15 14c0-2.2-1.8-4-4-4m7 1v2h8v-2zm-7 1c1.117 0 2 .883 2 2s-.883 2-2 2s-2-.883-2-2s.883-2 2-2m7 3v2h8v-2zm0 4v2h5v-2z"/></svg>

Cara memakai ikon Id Card

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Gambar HTML

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

Ikon terkait di Line Awesome

Ikon Id Card di set ikon lain

FAQ Ikon Id Card

Apakah ikon Id Card gratis untuk penggunaan komersial?

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

Bagaimana cara memakai ikon Id Card di React?

Pasang @iconify/react lalu render <Icon icon="la: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/la/id-card.svg" alt="Ikon Id Card">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Line Awesome →