Bc Card icon
vs:bc-card
The Bc Card icon (vs:bc-card) 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
- bccard, black card
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.5M470 517v233h272q41 0 69.5-34t28.5-82t-29-82.5t-69-34.5zM268 409v851q0 25 18 43.5t43 18.5h413q120 0 205-84t85-203q0-116-84-200q84-84 84-201q0-118-85-202t-205-84H329q-25 0-43 18t-18 43m474 743H470V919h272q41 0 69.5 34t28.5 82t-29 82.5t-69 34.5m445-317q0 99 38.5 189t104 155.5t155.5 104t189 38.5q157 0 278-80.5t173-218.5q25-66-19-66h-152q-16 0-26 3.5t-13.5 6.5t-12 16t-14.5 20q-38 49-94.5 77.5T1672 1109q-114 0-194.5-80T1397 835t80.5-194.5T1672 560q64 0 120.5 29t95.5 78q6 7 12.5 17t9.5 13.5t9 8t14 5.5t21 1h152q44 0 19-66q-52-138-173-218t-278-80q-99 0-189 38.5t-155.5 104t-104 155.5t-38.5 189"/></svg>How to use the Bc Card icon
React
import { Icon } from "@iconify/react";
<Icon icon="vs:bc-card" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="vs:bc-card" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="vs:bc-card" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[vs--bc-card]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/vs -->
<div class="i-vs:bc-card"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="vs:bc-card"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/vs/bc-card.svg" alt="Bc Card icon" width="24" height="24">Bc Card icon FAQ
Is the Bc Card 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 Bc Card icon in React?
Install @iconify/react and render <Icon icon="vs:bc-card" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Bc Card icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/vs/bc-card.svg" alt="Bc Card icon">, or paste the SVG code inline to style it with CSS.