Cc Card icon
vs:cc-card
The Cc Card icon (vs:cc-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
- cccard
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.5M1219 835q0 128 63 237t172 172t237 63q152 0 269.5-78t167.5-212q26-64-18-64h-147q-16 0-25.5 3.5t-13 6.5t-11.5 15.5t-14 19.5q-37 47-92 75t-118 28q-110 0-188-78t-78-188t78-188t188-78q63 0 118 28t92 75q5 7 11.5 16.5t9.5 13t9 8t13.5 5.5t20.5 1h147q44 0 18-64q-50-134-167.5-211.5T1691 363q-128 0-237 63t-172 172t-63 237m-1019 1q0 128 63 237t172 172t237 63q152 0 269.5-78t167.5-212q26-64-18-64H944q-16 0-25.5 3.5t-13 6.5t-11.5 15.5t-14 19.5q-37 47-92 75t-118 28q-110 0-188-78t-78-188t78-188t188-78q63 0 118 28t92 75q5 7 11.5 16.5t9.5 13t9 8t13.5 5.5t20.5 1h147q44 0 18-64q-50-134-167.5-211.5T672 364q-128 0-237 63T263 599t-63 237"/></svg>How to use the Cc Card icon
React
import { Icon } from "@iconify/react";
<Icon icon="vs:cc-card" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="vs:cc-card" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="vs:cc-card" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[vs--cc-card]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/vs -->
<div class="i-vs:cc-card"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="vs:cc-card"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/vs/cc-card.svg" alt="Cc Card icon" width="24" height="24">Cc Card icon FAQ
Is the Cc 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 Cc Card icon in React?
Install @iconify/react and render <Icon icon="vs:cc-card" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Cc Card icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/vs/cc-card.svg" alt="Cc Card icon">, or paste the SVG code inline to style it with CSS.