Visa Square アイコン
mage:visa-square
Visa Square アイコン(mage:visa-square)は、Mage Icons セットの無料 SVG アイコンです（作者: MageIcons）。 24 × 24 のグリッドで描かれています。 Mage Icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Mage Icons
- 作者
- MageIcons
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- タグ
- visasquare
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m18.35 10.85l-.7 1.92h1.12c-.15-.66-.29-1.29-.42-1.92m0 0l-.7 1.92h1.12c-.15-.66-.29-1.29-.42-1.92M19 4H5a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3M7.51 14.64H6.35c-.1 0-.14 0-.16-.13c-.38-1.44-.75-2.89-1.13-4.33a.24.24 0 0 0-.13-.18a6 6 0 0 0-1.21-.51l-.11-.08a1 1 0 0 1 .13 0h2a.61.61 0 0 1 .69.58L7 12.87v.07l.05-.12l1.2-3.33a.15.15 0 0 1 .17-.12h1.34c0 .05 0 .09-.05.13l-2.07 5a.18.18 0 0 1-.13.14m2 0c.28-1.76.57-3.51.85-5.25h1.37a505 505 0 0 0-.85 5.25zm5.49-.49c-.4.31-.877.5-1.38.55a4 4 0 0 1-1.92-.27c.07-.39.14-.78.2-1.17l.15.08a2.48 2.48 0 0 0 1.65.22c.22-.05.42-.14.46-.39a.49.49 0 0 0-.3-.5c-.2-.13-.41-.22-.61-.35a3.5 3.5 0 0 1-.67-.51a1.36 1.36 0 0 1 0-1.76c.3-.335.7-.566 1.14-.66a3.26 3.26 0 0 1 2 .1h.06c-.07.37-.13.74-.19 1.08a8 8 0 0 0-.78-.18a4 4 0 0 0-.78 0a.5.5 0 0 0-.25.13a.3.3 0 0 0 0 .46q.18.163.39.28c.26.16.53.3.78.47a1.43 1.43 0 0 1 .05 2.42m4.11.48c0-.23-.09-.45-.13-.67s-.05-.11-.13-.11h-1.52a.13.13 0 0 0-.14.1c-.07.2-.14.4-.22.6a.14.14 0 0 1-.1.08h-1.35l.05-.12l2-4.74a.57.57 0 0 1 .52-.39h1.21c.37 1.75.73 3.5 1.1 5.25zm-.8-3.79l-.7 1.92h1.12c-.13-.65-.27-1.28-.4-1.91z"/></svg>Visa Square アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="mage:visa-square" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mage:visa-square" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mage:visa-square" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mage--visa-square]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mage -->
<div class="i-mage:visa-square"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mage:visa-square"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/mage/visa-square.svg" alt="Visa Square アイコン" width="24" height="24">Mage Icons の関連アイコン
Visa Square アイコン のよくある質問
Visa Square アイコンは商用利用でも無料ですか?
はい。Mage Icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Visa Square アイコンを使うには?
@iconify/react をインストールして <Icon icon="mage:visa-square" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Visa Square アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/mage/visa-square.svg" alt="Visa Square アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。