Money アイコン

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

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

flat-ui:money

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

アイコンセット: Flat UI Icons
作者: Designmodo, Inc.
ライセンス: MIT
サイズ: 100 × 100

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="#24AE5F" fill-rule="evenodd" d="M23.25 79L0 67V32.656L51.75 7L75 19v34.5z" clip-rule="evenodd"/><path fill="#1E9450" fill-rule="evenodd" d="M0 64.554v2.983l23.193 11.932l51.622-25.356V51.13L23.193 76.486zm0-5.22v2.983l23.193 11.932l51.622-25.355V45.91L23.193 71.266zm0-10.441v2.983l23.193 11.932l51.622-25.355V35.47L23.193 60.825zm0 5.22v2.983l23.193 11.932l51.622-25.356v-2.983L23.193 66.046zm0-10.44v2.983l23.193 11.932l51.622-25.356V30.25L23.193 55.605zm23.251 1.462L0 33.084v3.013l23.251 12.05L75.003 22.54v-3.013zM0 38.453v2.983l23.251 11.932l51.752-25.356v-2.983L23.251 50.385z" clip-rule="evenodd"/><path fill="#24AE5F" fill-rule="evenodd" d="M48.133 91.884L24.998 79.951V50.647l51.495-25.355L100 37.299v29z" clip-rule="evenodd"/><path fill="#1E9450" fill-rule="evenodd" d="M25 77.085v2.983L48.25 92L100 66.644v-2.983L48.25 89.017zm0-5.22v2.983L48.25 86.78L100 61.424v-2.983L48.25 83.796zm0-10.441v2.983l23.25 11.932L100 50.983V48L48.25 73.356zm0 5.22v2.983L48.25 81.56L100 56.204v-2.983L48.25 78.576zm0-10.44v2.983l23.25 11.932L100 45.763V42.78L48.25 68.136zm23.25 6.367L25 50.64v2.983l23.25 11.932L100 40.199v-2.983z" clip-rule="evenodd"/><path d="M23.193 45.165L0 33.25v34.344L23.25 79.5zm25 17.435L25 50.685v29.292l23.25 11.906z" opacity=".1"/><path fill="#1E9450" fill-rule="evenodd" d="m59.996 50.609l-11.363 5.459l-9.702-5.22l13.138-6.436s-.912-2.62-.354-3.019c-.01.047-19.386 9.692-19.386 9.692l16.583 8.291l17.048-8.523s-1.669.055-3.148-.006c-1.502-.06-2.816-.238-2.816-.238m13.446-3.496L93.5 37.5l-16.299-8.849l-17.032 8.515c2.582-.133 4.697.978 4.697.978l12.126-5.94l10.448 5.221l-13.99 6.72z" clip-rule="evenodd"/><path fill="#1E9450" d="M64.235 46.958a5.6 5.6 0 0 0 1.99-.302l-3.529-1.87l-.3.078l-.384.123q-.784.236-1.61.433t-1.68.246c-.854.049-1.137-.001-1.702-.101a5.8 5.8 0 0 1-1.693-.597q-.861-.456-1.196-.977t-.25-1.04t.538-1.019a5.1 5.1 0 0 1 1.151-.924l-1.3-.689l.981-.52l1.3.689a11 11 0 0 1 1.734-.57a9.4 9.4 0 0 1 1.831-.255a8.7 8.7 0 0 1 1.887.137a7.6 7.6 0 0 1 1.886.612l-2.361 1.251a3.8 3.8 0 0 0-1.564-.389q-.872-.039-1.437.261l2.989 1.584l.509-.162l.559-.171q1.568-.472 2.731-.562q1.163-.087 2.02.031q.856.12 1.455.374q.599.257 1.021.48q.372.197.754.594q.383.397.449.934q.067.537-.309 1.184q-.377.646-1.538 1.353l1.435.761l-.981.52l-1.435-.761q-1.998.915-4.075.924t-4.237-.959l2.344-1.242a4.3 4.3 0 0 0 2.017.541m3.45-1.229q.215-.23.27-.474a.7.7 0 0 0-.074-.489q-.129-.244-.535-.459a2.6 2.6 0 0 0-1.395-.308q-.737.042-1.988.418l3.242 1.718a2.6 2.6 0 0 0 .48-.406M57.08 42.391a.76.76 0 0 0-.22.394a.55.55 0 0 0 .098.413q.137.206.492.393q.558.296 1.21.272q.653-.024 1.637-.349l-2.753-1.458a1.8 1.8 0 0 0-.464.335"/><path fill="#1E9450" fill-rule="evenodd" d="M34.583 32.609L23.22 38.068l-9.702-5.22l13.138-6.436s-.913-2.62-.354-3.019c-.01.047-19.386 9.692-19.386 9.692l16.583 8.291l17.048-8.523s-1.669.055-3.148-.006c-1.502-.06-2.816-.238-2.816-.238m13.446-3.496L68.087 19.5l-16.299-8.849l-17.032 8.515c2.582-.133 4.697.978 4.697.978l12.126-5.94l10.448 5.221l-13.989 6.72z" clip-rule="evenodd"/><path fill="#1E9450" d="M38.822 28.958a5.6 5.6 0 0 0 1.99-.302l-3.53-1.87l-.3.078l-.384.123a29 29 0 0 1-1.61.433q-.827.197-1.68.246c-.853.049-1.136-.001-1.702-.101a5.8 5.8 0 0 1-1.693-.597q-.861-.456-1.196-.977t-.25-1.04t.538-1.018a5.1 5.1 0 0 1 1.151-.924l-1.3-.689l.981-.52l1.3.689a11 11 0 0 1 1.734-.57a9.4 9.4 0 0 1 1.831-.255a8.7 8.7 0 0 1 1.887.137a7.6 7.6 0 0 1 1.886.612l-2.361 1.251a3.8 3.8 0 0 0-1.564-.389q-.872-.039-1.437.261l2.989 1.584l.509-.163l.559-.171q1.568-.472 2.731-.562q1.163-.088 2.02.031q.856.12 1.455.375q.599.256 1.021.48q.372.197.754.594q.383.397.449.934q.067.537-.309 1.184q-.377.646-1.538 1.353l1.435.761l-.981.52l-1.435-.761q-1.998.915-4.075.924t-4.237-.959l2.344-1.242q.945.517 2.018.54m3.45-1.229q.215-.23.269-.474a.7.7 0 0 0-.074-.489q-.129-.244-.535-.46a2.6 2.6 0 0 0-1.395-.308l-1.988.419l3.242 1.718q.267-.175.481-.406m-10.605-3.338a.76.76 0 0 0-.22.394a.55.55 0 0 0 .098.413q.137.206.492.393q.557.296 1.211.272q.653-.024 1.637-.349l-2.753-1.458a1.8 1.8 0 0 0-.465.335"/></svg>

Money アイコンの使い方

React

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

<Icon icon="flat-ui:money" width="24" />

Vue

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

<template>
  <Icon icon="flat-ui:money" width="24" />
</template>

Svelte

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

<Icon icon="flat-ui:money" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="flat-ui:money"></iconify-icon>

HTML 画像

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

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

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

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

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

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

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

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

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

Flat UI Icons をすべて見る →