Wallet Plus アイコン
reicon:wallet-plus
Wallet Plus アイコン(reicon:wallet-plus)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><g fill="currentColor" clip-path="url(#SVGBgS7qSkY)"><path fill-rule="evenodd" d="M3.75 9.983v.599a.75.75 0 0 1-1.5 0V9q0-.14.009-.28c.02-.707.083-1.264.28-1.771a4.25 4.25 0 0 1 1.206-1.696c.61-.518 1.413-.797 2.625-1.217L15.569.84c.598-.207 1.095-.38 1.504-.482c.42-.104.84-.161 1.265-.059a2.5 2.5 0 0 1 1.515 1.078c.236.367.32.784.36 1.214c.037.42.037.946.037 1.58v.644A4.25 4.25 0 0 1 23.75 9v8.5a4.25 4.25 0 0 1-4.25 4.25h-6.081a.75.75 0 0 1 0-1.5H19.5a2.75 2.75 0 0 0 2.75-2.75V9a2.75 2.75 0 0 0-2.74-2.75H6.5a2.75 2.75 0 0 0-2.74 2.515c-.009.32-.01.716-.01 1.218m13.686-8.168c-.336.083-.768.233-1.408.455L8.886 4.75h9.864v-.543c0-.678 0-1.136-.032-1.48c-.03-.34-.085-.472-.127-.538a1 1 0 0 0-.606-.43c-.076-.019-.218-.027-.55.056" clip-rule="evenodd"/><path d="M19 12.25a1 1 0 1 0 0 2a1 1 0 0 0 0-2M8.625 18c0 .345-.28.625-.625.625H6.625V20a.625.625 0 1 1-1.25 0v-1.375H4a.625.625 0 1 1 0-1.25h1.375V16a.625.625 0 1 1 1.25 0v1.375H8c.345 0 .625.28.625.625"/><path fill-rule="evenodd" d="M6 12.25a5.75 5.75 0 1 0 0 11.5a5.75 5.75 0 0 0 0-11.5M1.75 18a4.25 4.25 0 1 1 8.5 0a4.25 4.25 0 0 1-8.5 0" clip-rule="evenodd"/></g><defs><clipPath id="SVGBgS7qSkY"><path fill="currentColor" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Wallet Plus アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:wallet-plus" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:wallet-plus" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:wallet-plus" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--wallet-plus]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:wallet-plus"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:wallet-plus"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/reicon/wallet-plus.svg" alt="Wallet Plus アイコン" width="24" height="24">Reicon の関連アイコン
wallet
wallet-2
wallet-2-filled
wallet-3
wallet-3-filled
wallet-add
wallet-add-filled
wallet-add2
wallet-add2-filled
wallet-add3
wallet-add3-filled
wallet-alt
wallet-alt-filled
wallet-check
wallet-check-filled
wallet-down
wallet-down-filled
wallet-duotone
wallet-filled
wallet-minus
wallet-minus-filled
wallet-minus3
wallet-minus3-filled
wallet-money
他のアイコンセットの Wallet Plus アイコン
Wallet Plus アイコン のよくある質問
Wallet Plus アイコンは商用利用でも無料ですか?
はい。Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Wallet Plus アイコンを使うには?
@iconify/react をインストールして <Icon icon="reicon:wallet-plus" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Wallet Plus アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/reicon/wallet-plus.svg" alt="Wallet Plus アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。