Cc Jcb アイコン
la:cc-jcb
Cc Jcb アイコン(la:cc-jcb)は、Line Awesome セットの無料 SVG アイコンです（作者: Icons8）。 32 × 32 のグリッドで描かれています。 Line Awesome icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Line Awesome
- 作者
- Icons8
- ライセンス
- Apache-2.0
- サイズ
- 32 × 32
- カテゴリ
- 支払い・ショッピング
- タグ
- ccjcb
SVG コード
<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>
Cc Jcb アイコンの使い方
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 コンポーネント
<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 画像
<img src="https://iconyz.com/api/public/svg/la/cc-jcb.svg" alt="Cc Jcb アイコン" width="24" height="24">
Cc Jcb アイコン のよくある質問
Cc Jcb アイコンは商用利用でも無料ですか?
はい。Line Awesome icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Cc Jcb アイコンを使うには?
@iconify/react をインストールして <Icon icon="la:cc-jcb" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Cc Jcb アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/la/cc-jcb.svg" alt="Cc Jcb アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Line Awesome アイコン をすべて見る →
ICONYZ
