Id Card Alt icon
vs:id-card-alt
The Id Card Alt icon (vs:id-card-alt) is a free SVG icon from the Vesper Icons set by TableCheck. It is drawn on a 2368 × 1664 grid. Vesper Icons are released under the Open Font License, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Vesper Icons
- Author
- TableCheck
- License
- OFL-1.1
- Size
- 2368 × 1664
- Tags
- idcard, cardalt, idcardalt
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="2368" height="1664" viewBox="0 0 2368 1664"><path fill="currentColor" d="M2368 192v1280q0 78-57 135t-135 57H192q-77 0-134.5-57T0 1472V192q0-77 57.5-134.5T192 0h1984q78 0 135 57.5t57 134.5m-1333 940q0-65-8.5-120t-29-106.5t-60-81T842 795q-79 76-185 76q-110 0-186-76q-56 0-96 29.5t-60 81t-28.5 106.5t-8.5 120q0 64 37 109.5t89 45.5h506q52 0 88.5-45.5T1035 1132M884 607q0-95-66.5-162.5T657 377t-161 67.5T429 607q0 93 67 159.5T657 833t160.5-66.5T884 607m1213 567v-76q0-16-11.5-27t-26.5-11h-836q-15 0-26.5 11t-11.5 27v76q0 16 11.5 27t26.5 11h836q15 0 26.5-11t11.5-27m-454-303v-76q0-16-11.5-27t-26.5-11h-382q-15 0-26.5 11t-11.5 27v76q0 17 11.5 28t26.5 11h382q15 0 26.5-11t11.5-28m454 0v-76q0-16-11.5-27t-26.5-11h-229q-16 0-26.5 10.5T1793 795v76q0 17 10.5 28t26.5 11h229q15 0 26.5-11t11.5-28m0-303v-76q0-16-11.5-27t-26.5-11h-836q-15 0-26.5 11t-11.5 27v76q0 16 11.5 27.5T1223 607h836q15 0 26.5-11.5T2097 568"/></svg>How to use the Id Card Alt icon
React
import { Icon } from "@iconify/react";
<Icon icon="vs:id-card-alt" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="vs:id-card-alt" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="vs:id-card-alt" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[vs--id-card-alt]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/vs -->
<div class="i-vs:id-card-alt"></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-alt"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/vs/id-card-alt.svg" alt="Id Card Alt icon" width="24" height="24">Related icons in Vesper Icons
Id Card Alt icon in other icon sets
Id Card Alt icon FAQ
Is the Id Card Alt icon free for commercial use?
Yes. Vesper Icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Id Card Alt icon in React?
Install @iconify/react and render <Icon icon="vs:id-card-alt" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Id Card Alt icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/vs/id-card-alt.svg" alt="Id Card Alt icon">, or paste the SVG code inline to style it with CSS.