Credit Card Validation アイコン

Q: Credit Card Validation アイコンは商用利用でも無料ですか?

はい。Huge Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

hugeicons:credit-card-validation

Credit Card Validation アイコン(hugeicons:credit-card-validation)は、Huge Icons セットの無料 SVG アイコンです（作者: Hugeicons）。 24 × 24 のグリッドで描かれています。 Huge Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Huge Icons
作者: Hugeicons
ライセンス: MIT
サイズ: 24 × 24
タグ: creditcard、cardvalidation、creditcardvalidation

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15 7.5s.5 0 1 1c0 0 1.588-2.5 3-3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="M22 7a5 5 0 1 1-10 0a5 5 0 0 1 10 0Z"/><path fill="currentColor" d="m3.607 21.01l.465-.59zm-.554-.523l.56-.499zm17.894 0l-.56-.499zm-.555.523l-.464-.59zM3.607 6.99l-.464-.588zm-.554.522l.56.5zm19.697 5.732a.75.75 0 1 0-1.5.002zM9.066 6.753a.75.75 0 0 0-.009-1.5zM13.5 21.25h-3v1.5h3zm-3 0c-1.897 0-3.256 0-4.301-.119c-1.03-.116-1.655-.338-2.127-.71l-.93 1.177c.784.619 1.726.893 2.889 1.024c1.148.13 2.607.128 4.469.128zM1.25 14c0 1.75-.001 3.132.138 4.223c.141 1.11.439 2.016 1.105 2.764l1.12-.999c-.387-.433-.616-1.002-.737-1.955c-.125-.974-.126-2.244-.126-4.033zm2.822 6.42a3.6 3.6 0 0 1-.46-.432l-1.119.999q.297.332.65.611zM21.25 14c0 1.789-.001 3.06-.126 4.033c-.121.953-.35 1.522-.737 1.955l1.12.999c.666-.748.964-1.653 1.105-2.764c.14-1.09.138-2.474.138-4.223zm-7.75 8.75c1.862 0 3.321.002 4.47-.128c1.162-.131 2.104-.405 2.887-1.024l-.93-1.177c-.47.372-1.095.594-2.126.71c-1.044.118-2.404.12-4.301.12zm6.887-2.762q-.208.234-.46.433l.93 1.177q.353-.279.65-.611zM2.75 14c0-1.788.001-3.059.126-4.032c.121-.953.35-1.522.737-1.956l-1.12-.998c-.666.747-.964 1.653-1.105 2.764c-.14 1.09-.138 2.473-.138 4.222zm.393-7.597q-.353.278-.65.611l1.12.998q.208-.234.46-.432zM22.75 14v-.755l-1.5.002V14zM9.057 5.253c-1.407.008-2.553.04-3.491.188c-.953.15-1.747.428-2.423.962l.93 1.177c.407-.322.928-.53 1.726-.657c.813-.128 1.852-.162 3.267-.17z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M10 18h1.5m3 0H18"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M2.5 11H10"/></g></svg>

Credit Card Validation アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="hugeicons:credit-card-validation" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="hugeicons:credit-card-validation" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="hugeicons:credit-card-validation" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[hugeicons--credit-card-validation]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/hugeicons -->
<div class="i-hugeicons:credit-card-validation"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="hugeicons:credit-card-validation"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/hugeicons/credit-card-validation.svg" alt="Credit Card Validation アイコン" width="24" height="24">

Huge Icons の関連アイコン

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

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

はい。Huge Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

Huge Icons をすべて見る →