Bc Card アイコン

vs:bc-card

Bc Card アイコン(vs:bc-card)は、Vesper Icons セットの無料 SVG アイコンです（作者: TableCheck）。 2368 × 1664 のグリッドで描かれています。 Vesper Icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Vesper Icons
作者: TableCheck
ライセンス: OFL-1.1
サイズ: 2368 × 1664
タグ: bccard、black card

SVG をダウンロード

SVG コード

<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>

Bc Card アイコンの使い方

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 コンポーネント

<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 画像

<img src="https://iconyz.com/api/public/svg/vs/bc-card.svg" alt="Bc Card アイコン" width="24" height="24">

Bc Card アイコンのよくある質問

Bc Card アイコンは商用利用でも無料ですか?

はい。Vesper Icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。

React で Bc Card アイコンを使うには?

@iconify/react をインストールして <Icon icon="vs:bc-card" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Bc Card アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/vs/bc-card.svg" alt="Bc Card アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Vesper Icons をすべて見る →