Id Badge Alt icon
vs:id-badge-alt
The Id Badge Alt icon (vs:id-badge-alt) is a free SVG icon from the Vesper Icons set by TableCheck. It is drawn on a 2368 × 1792 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 × 1792
- Tags
- idbadge, badgealt, idbadgealt
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="2368" height="1792" viewBox="0 0 2368 1792"><path fill="currentColor" d="M2368 448v1152q0 78-57.5 135t-134.5 57H192q-77 0-134.5-57T0 1600V448q0-76 58-134t134-58h704l-1 158h-30q-16 0-27 10.5T827 449v69q0 14 11 23.5t27 9.5h643q16 0 26.5-9.5T1545 518v-69q0-14-10.5-24.5T1508 414h-31l-2-158h701q77 0 134.5 57.5T2368 448m-1331 968q0-64-9-118.5t-29-105t-60-79.5t-95-29q-76 76-181 76q-107 0-183-76q-55 0-94.5 29t-59.5 79.5t-28.5 105T289 1416q0 63 36 108.5t88 45.5h497q52 0 89.5-45.5T1037 1416M887 898q0-94-65.5-160.5T663 671t-158.5 66.5T439 898q0 92 65.5 157.5T663 1121t158.5-65.5T887 898m1195 560v-75q0-15-10-26t-25-11h-825q-15 0-26.5 11t-11.5 26v75q0 15 11.5 26t26.5 11h825q15 0 25-10.5t10-26.5m-447-298v-76q0-16-11-26.5t-26-10.5h-376q-15 0-26.5 11t-11.5 26v76q0 15 11.5 26t26.5 11h376q15 0 26-10.5t11-26.5m447 0v-76q0-16-10-26.5t-25-10.5h-225q-16 0-27 10.5t-11 26.5v76q0 16 11 26.5t27 10.5h225q15 0 25-10.5t10-26.5m0-300v-75q0-16-10-26.5t-25-10.5h-825q-15 0-26.5 11t-11.5 26v75q0 16 11.5 27t26.5 11h825q15 0 25-11t10-27M1049 0q-24 0-41 12.5T991 43v397q0 17 17.5 30t40.5 13h274q24 0 40.5-13t16.5-30V43q0-18-16.5-30.5T1323 0z"/></svg>How to use the Id Badge Alt icon
React
import { Icon } from "@iconify/react";
<Icon icon="vs:id-badge-alt" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="vs:id-badge-alt" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="vs:id-badge-alt" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[vs--id-badge-alt]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/vs -->
<div class="i-vs:id-badge-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-badge-alt"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/vs/id-badge-alt.svg" alt="Id Badge Alt icon" width="24" height="24">Related icons in Vesper Icons
Id Badge Alt icon FAQ
Is the Id Badge 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 Badge Alt icon in React?
Install @iconify/react and render <Icon icon="vs:id-badge-alt" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Id Badge Alt icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/vs/id-badge-alt.svg" alt="Id Badge Alt icon">, or paste the SVG code inline to style it with CSS.