Credit Card アイコン
emojione:credit-card
Credit Card アイコン(emojione:credit-card)は、Emoji One (Colored) セットの無料 SVG アイコンです（作者: Emoji One）。 64 × 64 のグリッドで描かれています。 Emoji One (Colored) icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Emoji One (Colored)
- 作者
- Emoji One
- ライセンス
- CC-BY-4.0
- サイズ
- 64 × 64
- カテゴリ
- 物
- タグ
- creditcard
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#afcddb" d="M62.5 22.3c1.7 1.7 2 4.2.8 5.7L33.7 62.4c-1.8 2.1-4.9 2.1-7 .1L1.5 37.3c-2-2-2-5.2.1-7L35.9.8c1.5-1.3 4-.9 5.7.8z"/><path fill="#333" d="M50.8 10.7L12.6 48.4l-8.9-8.9L43.5 3.4z"/><path fill="#fff" d="M49.4 18.3L22.6 45.8l7.2 7.2l25.9-28.4z"/><g fill="#4f5b60"><path d="M34.1 43.3c-1.5-1.4-.6-4-.1-5.4c.9-2.2 1.8 2 1.8 2.7c.2 2.1-.1 4.3-.6 6.4c-.3 1.2-.7 2.3-1.3 3.4c-.3.7-.8 1.3-1.4 1.7c-1.5.9-2.4 0-2.7-2.5c.2-.8.5-1.5 1.1-2.1c1.9-2.4 4.9-3.5 7.1-5.4c.2-.2-.1-.5-.3-.3c-2.6 2.2-8 4-8.3 8.3c-.2 2.8 2.7 3.5 4.2 1.9c2-2.1 2.5-5.8 2.7-8.6c.1-1.6.5-6.2-1.9-6.7c-.1 0-.2 0-.2.1c-1 1.7-2.3 5.2-.3 7c.1.1.4-.3.2-.5"/><path d="M37.4 41.7c2.1 1.2 2.7-3.5 2.4-4.8c0-.2-.3-.2-.4-.1c-1.1.9-1.3 3.3-.4 4.7c.1.2.3.2.4 0c.7-1.3 1.1-2.6 1.6-4c.2-.6.7-.4 1.1-.8l2.4-2.4c1-1 1.3-2.4 2.2-3.4c1.2-1.3 2.3-1.9 2.9-3.7c.1-.4.1-1.4-.6-1.4c-1.4-.1-2.6 2.8-.7 2.5c2.2-.3 4.2-2.9 5.6-4.3c.2-.2-.1-.5-.3-.3c-.7.7-1.5 1.4-2.2 2c-.6.5-1.2 1-1.9 1.5c-.3.2-2.9 1.4-1.3-.5c.3.2.6.4.9.7c-.1.2-.2.5-.3.7c-.2.4-.5.8-.8 1.2c-.5.7-1.4 1.1-2 1.8c-.8.9-1.1 2.1-1.9 3c-.4.4-2.3 2.9-3 2.6c-.1 0-.2 0-.2.1c-.2.7-.4 1.3-.7 2c-.1.2-1 2.1-1 2.2c-.4-1-.3-2.2.1-3.1c.3.5.3 1.1.1 1.6q-.3 1.8-1.8 2.1c-.3-.5-.5-.1-.2.1"/></g></svg>
Credit Card アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="emojione:credit-card" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione:credit-card" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione:credit-card" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione--credit-card]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione -->
<div class="i-emojione:credit-card"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione:credit-card"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione/credit-card.svg" alt="Credit Card アイコン" width="24" height="24">
他のアイコンセットの Credit Card アイコン
Credit Card アイコン のよくある質問
Credit Card アイコンは商用利用でも無料ですか?
はい。Emoji One (Colored) icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Credit Card アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione:credit-card" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Credit Card アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione/credit-card.svg" alt="Credit Card アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Emoji One (Colored) アイコン をすべて見る →
ICONYZ
