Visa アイコン

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

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

fontisto:visa

Visa アイコン(fontisto:visa)は、Fontisto セットの無料 SVG アイコンです（作者: Kenan Gündoğan）。 36 × 24 のグリッドで描かれています。 Fontisto icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Fontisto
作者: Kenan Gündoğan
ライセンス: MIT
サイズ: 36 × 24
カテゴリ: 支払い

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="36" height="24" viewBox="0 0 36 24"><path fill="currentColor" d="M33.6 24H2.4A2.4 2.4 0 0 1 0 21.6V2.4A2.4 2.4 0 0 1 2.4 0h31.2A2.4 2.4 0 0 1 36 2.4v19.2a2.4 2.4 0 0 1-2.4 2.4m-15.76-9.238l-.359 2.25a6.8 6.8 0 0 0 2.903.531h-.011a5.17 5.17 0 0 0 3.275-.933l-.017.011a3.09 3.09 0 0 0 1.258-2.485v-.015v.001c0-1.1-.736-2.014-2.187-2.72a7.7 7.7 0 0 1-1.132-.672l.023.016a.75.75 0 0 1-.343-.592v-.002a.74.74 0 0 1 .379-.6l.004-.002a1.95 1.95 0 0 1 1.108-.257h-.006h.08l.077-.001c.644 0 1.255.139 1.806.388l-.028-.011l.234.125l.359-2.171a6.2 6.2 0 0 0-2.277-.422h-.049h.003a5.07 5.07 0 0 0-3.157.932l.016-.011a2.92 2.92 0 0 0-1.237 2.386v.005c-.01 1.058.752 1.972 2.266 2.72c.4.175.745.389 1.054.646l-.007-.006a.84.84 0 0 1 .297.608v.004c0 .319-.19.593-.464.716l-.005.002c-.3.158-.656.25-1.034.25h-.046h.002h-.075c-.857 0-1.669-.19-2.397-.53l.035.015l-.343-.172zm10.125 1.141h3.315q.08.343.313 1.5H34L31.906 7.372h-2a1.33 1.33 0 0 0-1.357.835l-.003.009l-3.84 9.187h2.72l.546-1.499zM14.891 7.372l-1.626 10.031h2.594l1.625-10.031zM4.922 9.419l2.11 7.968h2.734l4.075-10.015h-2.746l-2.534 6.844l-.266-1.391l-.904-4.609a1.04 1.04 0 0 0-1.177-.844l.006-.001H2.033l-.031.203c3.224.819 5.342 2.586 6.296 5.25A5.7 5.7 0 0 0 6.972 10.8l-.001-.001a6.1 6.1 0 0 0-2.007-1.368l-.04-.015zm25.937 4.421h-2.16q.219-.578 1.032-2.8l.046-.141l.16-.406q.097-.25.14-.406l.188.859l.593 2.89z"/></svg>

Visa アイコンの使い方

React

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

<Icon icon="fontisto:visa" width="24" />

Vue

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

<template>
  <Icon icon="fontisto:visa" width="24" />
</template>

Svelte

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

<Icon icon="fontisto:visa" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fontisto--visa]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fontisto -->
<div class="i-fontisto:visa"></div>

Web コンポーネント

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

<iconify-icon icon="fontisto:visa"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fontisto/visa.svg" alt="Visa アイコン" width="24" height="24">

他のアイコンセットの Visa アイコン

Visa アイコンのよくある質問

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

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

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

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

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

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

Fontisto アイコンをすべて見る →