Cc Jcb icon
la:cc-jcb
The Cc Jcb icon (la:cc-jcb) is a free SVG icon from the Line Awesome set by Icons8. It is drawn on a 32 × 32 grid. Line Awesome icons are released under the Apache 2.0 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
- Line Awesome
- Author
- Icons8
- License
- Apache-2.0
- Size
- 32 × 32
- Category
- Payments & Shopping
- Tags
- ccjcb
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M5 6C3.355 6 2 7.355 2 9v14c0 1.645 1.355 3 3 3h22c1.645 0 3-1.355 3-3V9c0-1.645-1.355-3-3-3zm0 2h22c.566 0 1 .434 1 1v14c0 .566-.434 1-1 1H5c-.566 0-1-.434-1-1V9c0-.566.434-1 1-1m3.156 3C6.93 11 6 11.777 6 13.125V21h3.938c.96 0 2.062-.895 2.062-2.063V11zm7 0C13.934 11 13 11.781 13 13.125v7.813h3.938c.957 0 2.062-.899 2.062-2.063V11zm7 0C20.934 11 20 11.781 20 13.125v7.813h3.906c.953 0 2.094-.899 2.094-2.063V11zm-6.781 3h2.875v.625c-.688-.16-1.36-.25-1.688-.25c-.718 0-1.28.617-1.28 1.375s.562 1.344 1.28 1.344c.329 0 1-.059 1.688-.219v.594h-2.875c-.895 0-1.656-.774-1.656-1.719S14.48 14 15.375 14m5.469 0h3.687c.45 0 .813.395.813.844c0 .445-.301.875-.75.875c.508 0 .906.398.906.844c0 .449-.398.875-.906.875h-3.75zm-11.375.031h1.719v1.938c0 1.078-1.387 1.656-2.407 1.656c-1.11 0-2.101-.66-2.312-1.5h.75c.09.512.586.875 1.156.875c.629 0 1.094-.46 1.094-1.031zm12.781.313V15.5h1.188a.58.58 0 0 0 .562-.563c0-.296-.266-.593-.563-.593zm0 1.594v1.156h1.219c.3 0 .562-.266.562-.563c0-.3-.261-.593-.562-.593z"/></svg>
How to use the Cc Jcb icon
React
import { Icon } from "@iconify/react";
<Icon icon="la:cc-jcb" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="la:cc-jcb" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="la:cc-jcb" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[la--cc-jcb]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/la -->
<div class="i-la:cc-jcb"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="la:cc-jcb"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/la/cc-jcb.svg" alt="Cc Jcb icon" width="24" height="24">
Related icons in Line Awesome
Cc Jcb icon in other icon sets
Cc Jcb icon FAQ
Is the Cc Jcb icon free for commercial use?
Yes. Line Awesome icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Cc Jcb icon in React?
Install @iconify/react and render <Icon icon="la:cc-jcb" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Cc Jcb icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/la/cc-jcb.svg" alt="Cc Jcb icon">, or paste the SVG code inline to style it with CSS.
Browse all Line Awesome icons →
ICONYZ
