Id Card ikonu
duo-icons:id-card
Id Card ikonu (duo-icons:id-card), Duoicons setinden ücretsiz bir SVG ikondur (yapımcı: fernandcf). 24 × 24 ızgara üzerinde çizilmiştir. Duoicons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.
- İkon seti
- Duoicons
- Yazar
- fernandcf
- Lisans
- MIT
- Boyut
- 24 × 24
- Etiketler
- idcard
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M20 3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z" class="duoicon-secondary-layer" opacity=".3"/><path fill="currentColor" d="M10 9v2H8V9zm7 2h-3a1 1 0 0 0-.117 1.993L14 13h3a1 1 0 0 0 .117-1.993z" class="duoicon-primary-layer"/><path fill="currentColor" d="M10 7H8a2 2 0 0 0-1.995 1.85L6 9v2a2 2 0 0 0 1.85 1.995L8 13h2a2 2 0 0 0 1.995-1.85L12 11V9a2 2 0 0 0-1.85-1.995zm7 8H7a1 1 0 1 0 0 2h10a1 1 0 1 0 0-2" class="duoicon-primary-layer"/></svg>
Id Card ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="duo-icons:id-card" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="duo-icons:id-card" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="duo-icons:id-card" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[duo-icons--id-card]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/duo-icons -->
<div class="i-duo-icons:id-card"></div>
Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="duo-icons:id-card"></iconify-icon>
HTML görseli
<img src="https://iconyz.com/api/public/svg/duo-icons/id-card.svg" alt="Id Card ikonu" width="24" height="24">
Diğer ikon setlerinde Id Card ikonu
Id Card ikonu: sık sorulan sorular
Id Card ikonu ticari kullanım için ücretsiz mi?
Evet. Duoicons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Id Card ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="duo-icons:id-card" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Id Card ikonunu bir web sayfasına nasıl eklerim?
SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/duo-icons/id-card.svg" alt="Id Card ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.
Tümüne göz at: Duoicons →
ICONYZ
