Wallet アイコン

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

はい。Elegant icons は GPL 3.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。ただし、アイコンファイルを改変した場合は同じライセンスを維持する必要があります。

et:wallet

Wallet アイコン(et:wallet)は、Elegant セットの無料 SVG アイコンです（作者: Kenny Sing）。 38 × 32 のグリッドで描かれています。 Elegant icons は GPL 3.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。ただし、アイコンファイルを改変した場合は同じライセンスを維持する必要があります。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Elegant
作者: Kenny Sing
ライセンス: GPL-3.0-or-later
サイズ: 38 × 32

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="38" height="32" viewBox="0 0 38 32"><g fill="currentColor"><path d="M32.509 7.5a.5.5 0 0 0 .5-.5V5.335a1.64 1.64 0 0 0-1.638-1.638h-2.687l-.613-1.809a.5.5 0 0 0-.619-.318L12.899 5.994a.501.501 0 0 0 .292.957L27.28 2.667l1.343 3.965a.499.499 0 1 0 .947-.321l-.547-1.615h2.349c.352 0 .638.286.638.638V7c-.001.276.223.5.499.5"/><path d="M36.5 15a.5.5 0 0 0 0 1c.351 0 .5.149.5.5v6c0 .351-.149.5-.5.5h-8c-.351 0-.5-.149-.5-.5v-5c0-.351.149-.5.5-.5h6a.5.5 0 0 0 .5-.5v-6c0-.911-.589-1.5-1.5-1.5H3c-1.233 0-2-.767-2-2s.767-2 2-2h5.076l-3.026.998a.5.5 0 1 0 .313.949L23.482.974a.5.5 0 1 0-.314-.95l-12.1 3.99C11.045 4.01 11.024 4 11 4H3C1.206 4 0 5.206 0 7v22c0 1.794 1.206 3 3 3h30.5c.911 0 1.5-.589 1.5-1.5v-5a.5.5 0 0 0-1 0v5c0 .351-.149.5-.5.5H3c-1.233 0-2-.767-2-2V9.312c.513.433 1.192.688 2 .688h30.5c.351 0 .5.149.5.5V16h-5.5c-.911 0-1.5.589-1.5 1.5v5c0 .911.589 1.5 1.5 1.5h8c.911 0 1.5-.589 1.5-1.5v-6c0-.911-.589-1.5-1.5-1.5"/><circle cx="32" cy="20" r="1"/></g></svg>

Wallet アイコンの使い方

React

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

<Icon icon="et:wallet" width="24" />

Vue

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

<template>
  <Icon icon="et:wallet" width="24" />
</template>

Svelte

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

<Icon icon="et:wallet" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="et:wallet"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/et/wallet.svg" alt="Wallet アイコン" width="24" height="24">

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

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

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

はい。Elegant icons は GPL 3.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。ただし、アイコンファイルを改変した場合は同じライセンスを維持する必要があります。

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

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

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

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

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