Money Bill アイコン

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

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

prime:money-bill

Money Bill アイコン(prime:money-bill)は、Prime Icons セットの無料 SVG アイコンです（作者: PrimeTek）。 24 × 24 のグリッドで描かれています。 Prime Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Prime Icons
作者: PrimeTek
ライセンス: MIT
サイズ: 24 × 24
タグ: moneybill

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19 5.25H5A1.76 1.76 0 0 0 3.25 7v10A1.76 1.76 0 0 0 5 18.75h14A1.76 1.76 0 0 0 20.75 17V7A1.76 1.76 0 0 0 19 5.25M19.25 7v1.67h-.21a1.5 1.5 0 0 1-.36 0h-.13a2 2 0 0 1-.33-.1h-.12a1.3 1.3 0 0 1-.38-.28a1.58 1.58 0 0 1-.47-1.12a1.5 1.5 0 0 1 .06-.41H19a.25.25 0 0 1 .25.24M5 6.75h1.69a1.5 1.5 0 0 1 .06.41a1.58 1.58 0 0 1-.47 1.12a1.5 1.5 0 0 1-.38.28h-.13a1.1 1.1 0 0 1-.31.1h-.14a1.5 1.5 0 0 1-.36 0h-.21V7A.25.25 0 0 1 5 6.75M4.75 17v-1.67h.21a1.5 1.5 0 0 1 .36 0h.13a1.3 1.3 0 0 1 .33.1h.12a1.5 1.5 0 0 1 .38.28a1.58 1.58 0 0 1 .47 1.12a1.5 1.5 0 0 1-.06.41H5a.25.25 0 0 1-.25-.24m3.47.25a3 3 0 0 0 0-.41a3 3 0 0 0-.91-2.18a2.6 2.6 0 0 0-.49-.39l-.17-.11a3 3 0 0 0-.36-.16l-.2-.08a3.3 3.3 0 0 0-.53-.11a1.6 1.6 0 0 0-.31 0h-.5v-3.59h.85a3 3 0 0 0 .4-.1l.22-.07a2.5 2.5 0 0 0 .44-.2l.16-.09a3.4 3.4 0 0 0 .52-.42a3 3 0 0 0 .91-2.18a3 3 0 0 0 0-.41h7.56a3 3 0 0 0 0 .41a3 3 0 0 0 .91 2.18a3 3 0 0 0 .52.42l.16.09a2.5 2.5 0 0 0 .44.2l.22.07a3 3 0 0 0 .41.09h.84v3.56h-.5a1.6 1.6 0 0 0-.31 0a3.3 3.3 0 0 0-.53.11l-.2.08a3 3 0 0 0-.39.18l-.17.11a2.6 2.6 0 0 0-.49.39a3 3 0 0 0-.91 2.18a3 3 0 0 0 0 .41Zm10.78 0h-1.69a1.5 1.5 0 0 1-.06-.41a1.58 1.58 0 0 1 .47-1.12a1.3 1.3 0 0 1 .38-.28h.12a2 2 0 0 1 .33-.1h.13a1.5 1.5 0 0 1 .36 0h.21V17a.25.25 0 0 1-.25.25"/><path fill="currentColor" d="M12 8.5a3.5 3.5 0 1 0 3.5 3.5A3.5 3.5 0 0 0 12 8.5m0 5.5a2 2 0 1 1 2-2a2 2 0 0 1-2 2"/></svg>

Money Bill アイコンの使い方

React

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

<Icon icon="prime:money-bill" width="24" />

Vue

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

<template>
  <Icon icon="prime:money-bill" width="24" />
</template>

Svelte

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

<Icon icon="prime:money-bill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[prime--money-bill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/prime -->
<div class="i-prime:money-bill"></div>

Web コンポーネント

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

<iconify-icon icon="prime:money-bill"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/prime/money-bill.svg" alt="Money Bill アイコン" width="24" height="24">

他のアイコンセットの Money Bill アイコン

Money Bill アイコンのよくある質問

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

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

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

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

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

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

Prime Icons をすべて見る →