money icon

money from Element Plus by Element Plus · Outline · MIT Free for personal and commercial use.

Name
money
Set
Element Plus
Style
Outline
Viewbox
1024×1024
License
MIT

The same icon in other sets

moneyAkar IconsmoneyBoxIcons v2moneyCarbonmoney-16-filledFluent UI System IconsmoneyHumbleiconsmoneyMajesticonsmoneyMaterial SymbolsmoneyMaterial Symbols LightmoneyPhosphormoneyPixelarticonsmoneyTDesign Iconsmoney-outlineTeenyicons

Use the money icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M256 640v192h640V384H768v-64h151c14.2 0 19.4 1.5 24.6 4.3a29 29 0 0 1 12.2 12c2.7 5.3 4.2 10.5 4.2 24.7v494c0 14.2-1.5 19.4-4.3 24.6a29 29 0 0 1-12 12.2c-5.3 2.7-10.5 4.2-24.7 4.2H233c-14.2 0-19.4-1.5-24.6-4.3a29 29 0 0 1-12.2-12c-2.7-5.3-4.2-10.5-4.2-24.7V640z"/><path fill="currentColor" d="M768 192H128v448h640zm64-23v494c0 14.2-1.5 19.4-4.3 24.6a29 29 0 0 1-12 12.2c-5.3 2.7-10.5 4.2-24.7 4.2H105c-14.2 0-19.4-1.5-24.6-4.3a29 29 0 0 1-12.2-12c-2.7-5.3-4.2-10.5-4.2-24.7V169c0-14.2 1.5-19.4 4.3-24.6a29 29 0 0 1 12-12.2c5.3-2.7 10.5-4.2 24.7-4.2h686c14.2 0 19.4 1.5 24.6 4.3a29 29 0 0 1 12.1 12c2.8 5.3 4.2 10.5 4.2 24.7z"/><path fill="currentColor" d="M448 576a160 160 0 1 1 0-320a160 160 0 0 1 0 320m0-64a96 96 0 1 0 0-192a96 96 0 0 0 0 192"/></svg>

React

import type { SVGProps } from "react";

export function EpMoney(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M256 640v192h640V384H768v-64h151c14.2 0 19.4 1.5 24.6 4.3a29 29 0 0 1 12.2 12c2.7 5.3 4.2 10.5 4.2 24.7v494c0 14.2-1.5 19.4-4.3 24.6a29 29 0 0 1-12 12.2c-5.3 2.7-10.5 4.2-24.7 4.2H233c-14.2 0-19.4-1.5-24.6-4.3a29 29 0 0 1-12.2-12c-2.7-5.3-4.2-10.5-4.2-24.7V640z"/><path fill="currentColor" d="M768 192H128v448h640zm64-23v494c0 14.2-1.5 19.4-4.3 24.6a29 29 0 0 1-12 12.2c-5.3 2.7-10.5 4.2-24.7 4.2H105c-14.2 0-19.4-1.5-24.6-4.3a29 29 0 0 1-12.2-12c-2.7-5.3-4.2-10.5-4.2-24.7V169c0-14.2 1.5-19.4 4.3-24.6a29 29 0 0 1 12-12.2c5.3-2.7 10.5-4.2 24.7-4.2h686c14.2 0 19.4 1.5 24.6 4.3a29 29 0 0 1 12.1 12c2.8 5.3 4.2 10.5 4.2 24.7z"/><path fill="currentColor" d="M448 576a160 160 0 1 1 0-320a160 160 0 0 1 0 320m0-64a96 96 0 1 0 0-192a96 96 0 0 0 0 192"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M256 640v192h640V384H768v-64h151c14.2 0 19.4 1.5 24.6 4.3a29 29 0 0 1 12.2 12c2.7 5.3 4.2 10.5 4.2 24.7v494c0 14.2-1.5 19.4-4.3 24.6a29 29 0 0 1-12 12.2c-5.3 2.7-10.5 4.2-24.7 4.2H233c-14.2 0-19.4-1.5-24.6-4.3a29 29 0 0 1-12.2-12c-2.7-5.3-4.2-10.5-4.2-24.7V640z"/><path fill="currentColor" d="M768 192H128v448h640zm64-23v494c0 14.2-1.5 19.4-4.3 24.6a29 29 0 0 1-12 12.2c-5.3 2.7-10.5 4.2-24.7 4.2H105c-14.2 0-19.4-1.5-24.6-4.3a29 29 0 0 1-12.2-12c-2.7-5.3-4.2-10.5-4.2-24.7V169c0-14.2 1.5-19.4 4.3-24.6a29 29 0 0 1 12-12.2c5.3-2.7 10.5-4.2 24.7-4.2h686c14.2 0 19.4 1.5 24.6 4.3a29 29 0 0 1 12.1 12c2.8 5.3 4.2 10.5 4.2 24.7z"/><path fill="currentColor" d="M448 576a160 160 0 1 1 0-320a160 160 0 0 1 0 320m0-64a96 96 0 1 0 0-192a96 96 0 0 0 0 192"/></svg>
</template>

CSS

.icon-money {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M256%20640v192h640V384H768v-64h151c14.2%200%2019.4%201.5%2024.6%204.3a29%2029%200%200%201%2012.2%2012c2.7%205.3%204.2%2010.5%204.2%2024.7v494c0%2014.2-1.5%2019.4-4.3%2024.6a29%2029%200%200%201-12%2012.2c-5.3%202.7-10.5%204.2-24.7%204.2H233c-14.2%200-19.4-1.5-24.6-4.3a29%2029%200%200%201-12.2-12c-2.7-5.3-4.2-10.5-4.2-24.7V640z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M768%20192H128v448h640zm64-23v494c0%2014.2-1.5%2019.4-4.3%2024.6a29%2029%200%200%201-12%2012.2c-5.3%202.7-10.5%204.2-24.7%204.2H105c-14.2%200-19.4-1.5-24.6-4.3a29%2029%200%200%201-12.2-12c-2.7-5.3-4.2-10.5-4.2-24.7V169c0-14.2%201.5-19.4%204.3-24.6a29%2029%200%200%201%2012-12.2c5.3-2.7%2010.5-4.2%2024.7-4.2h686c14.2%200%2019.4%201.5%2024.6%204.3a29%2029%200%200%201%2012.1%2012c2.8%205.3%204.2%2010.5%204.2%2024.7z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M448%20576a160%20160%200%201%201%200-320a160%20160%200%200%201%200%20320m0-64a96%2096%200%201%200%200-192a96%2096%200%200%200%200%20192%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M256%20640v192h640V384H768v-64h151c14.2%200%2019.4%201.5%2024.6%204.3a29%2029%200%200%201%2012.2%2012c2.7%205.3%204.2%2010.5%204.2%2024.7v494c0%2014.2-1.5%2019.4-4.3%2024.6a29%2029%200%200%201-12%2012.2c-5.3%202.7-10.5%204.2-24.7%204.2H233c-14.2%200-19.4-1.5-24.6-4.3a29%2029%200%200%201-12.2-12c-2.7-5.3-4.2-10.5-4.2-24.7V640z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M768%20192H128v448h640zm64-23v494c0%2014.2-1.5%2019.4-4.3%2024.6a29%2029%200%200%201-12%2012.2c-5.3%202.7-10.5%204.2-24.7%204.2H105c-14.2%200-19.4-1.5-24.6-4.3a29%2029%200%200%201-12.2-12c-2.7-5.3-4.2-10.5-4.2-24.7V169c0-14.2%201.5-19.4%204.3-24.6a29%2029%200%200%201%2012-12.2c5.3-2.7%2010.5-4.2%2024.7-4.2h686c14.2%200%2019.4%201.5%2024.6%204.3a29%2029%200%200%201%2012.1%2012c2.8%205.3%204.2%2010.5%204.2%2024.7z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M448%20576a160%20160%200%201%201%200-320a160%20160%200%200%201%200%20320m0-64a96%2096%200%201%200%200-192a96%2096%200%200%200%200%20192%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ep/money.svg?color=%231a73e8&size=48