ICONYZ
日本語
Remix Icon の Visa Fill アイコン

Visa Fill アイコン

ri:visa-fill

Visa Fill アイコン(ri:visa-fill)は、Remix Icon セットの無料 SVG アイコンです(作者: Remix Design)。 24 × 24 のグリッドで描かれています。 Remix Icon icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Remix Icon
作者
Remix Design
ライセンス
Apache-2.0
サイズ
24 × 24
タグ
visafill
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M1 4h22v2H1zm0 14h22v2H1zm18.622-3.086l-.174-.87h-1.949l-.31.863l-1.562.004q1.507-3.61 2.236-5.35q.189-.455.685-.454q.381.003 1.245 0L21 14.912zm-1.684-2.062h1.256l-.47-2.18zM7.872 9.106l1.57.002l-2.427 5.806l-1.59-.001q-.806-3.106-1.184-4.605c-.077-.307-.23-.521-.526-.622Q3.321 9.55 2.4 9.267v-.16h2.509c.434 0 .687.21.769.64l.62 3.289zm3.727.002l-1.24 5.805l-1.495-.002l1.24-5.805zM14.631 9c.446 0 1.01.138 1.334.267l-.262 1.204c-.293-.118-.775-.277-1.18-.27c-.59.009-.954.256-.954.493c0 .384.632.578 1.284.999c.743.48.84.91.832 1.378c-.011.971-.832 1.929-2.565 1.929c-.791-.012-1.076-.078-1.72-.306l.272-1.256c.656.274.935.361 1.495.361c.515 0 .956-.207.96-.568c.002-.257-.155-.384-.732-.702s-1.386-.756-1.375-1.64C12.033 9.759 13.107 9 14.63 9"/></svg>

Visa Fill アイコンの使い方

React

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

<Icon icon="ri:visa-fill" width="24" />

Vue

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

<template>
  <Icon icon="ri:visa-fill" width="24" />
</template>

Svelte

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

<Icon icon="ri:visa-fill" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="ri:visa-fill"></iconify-icon>

HTML 画像

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

Remix Icon の関連アイコン

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

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

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

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

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

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

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

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

Remix Icon アイコン をすべて見る →