money icon

money-duotone from Phosphor by Phosphor Icons · Duotone · MIT Free for personal and commercial use.

Name
money-duotone
Set
Phosphor
Style
Duotone
Viewbox
256×256
License
MIT

5 other variants in Phosphor

moneymoney-boldmoney-fillmoney-lightmoney-thin

The same icon in other sets

moneyAkar IconsmoneyBoxIcons v2moneyCarbonmoneyElement Plusmoney-16-filledFluent UI System IconsmoneyHumbleiconsmoneyMajesticonsmoneyMaterial SymbolsmoneyMaterial Symbols LightmoneyPixelarticonsmoneyTDesign Iconsmoney-outlineTeenyicons

Related icons in Phosphor

money-wavy

Use the money icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="M160 128a32 32 0 1 1-32-32a32 32 0 0 1 32 32m40-64a48.85 48.85 0 0 0 40 40V64Zm0 128h40v-40a48.85 48.85 0 0 0-40 40M16 152v40h40a48.85 48.85 0 0 0-40-40m0-48a48.85 48.85 0 0 0 40-40H16Z" opacity=".2"/><path d="M128 88a40 40 0 1 0 40 40a40 40 0 0 0-40-40m0 64a24 24 0 1 1 24-24a24 24 0 0 1-24 24m112-96H16a8 8 0 0 0-8 8v128a8 8 0 0 0 8 8h224a8 8 0 0 0 8-8V64a8 8 0 0 0-8-8M24 72h21.37A40.8 40.8 0 0 1 24 93.37Zm0 112v-21.37A40.8 40.8 0 0 1 45.37 184Zm208 0h-21.37A40.8 40.8 0 0 1 232 162.63Zm0-38.35A56.78 56.78 0 0 0 193.65 184H62.35A56.78 56.78 0 0 0 24 145.65v-35.3A56.78 56.78 0 0 0 62.35 72h131.3A56.78 56.78 0 0 0 232 110.35Zm0-52.28A40.8 40.8 0 0 1 210.63 72H232Z"/></g></svg>

React

import type { SVGProps } from "react";

export function PhMoneyDuotone(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="M160 128a32 32 0 1 1-32-32a32 32 0 0 1 32 32m40-64a48.85 48.85 0 0 0 40 40V64Zm0 128h40v-40a48.85 48.85 0 0 0-40 40M16 152v40h40a48.85 48.85 0 0 0-40-40m0-48a48.85 48.85 0 0 0 40-40H16Z" opacity=".2"/><path d="M128 88a40 40 0 1 0 40 40a40 40 0 0 0-40-40m0 64a24 24 0 1 1 24-24a24 24 0 0 1-24 24m112-96H16a8 8 0 0 0-8 8v128a8 8 0 0 0 8 8h224a8 8 0 0 0 8-8V64a8 8 0 0 0-8-8M24 72h21.37A40.8 40.8 0 0 1 24 93.37Zm0 112v-21.37A40.8 40.8 0 0 1 45.37 184Zm208 0h-21.37A40.8 40.8 0 0 1 232 162.63Zm0-38.35A56.78 56.78 0 0 0 193.65 184H62.35A56.78 56.78 0 0 0 24 145.65v-35.3A56.78 56.78 0 0 0 62.35 72h131.3A56.78 56.78 0 0 0 232 110.35Zm0-52.28A40.8 40.8 0 0 1 210.63 72H232Z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="M160 128a32 32 0 1 1-32-32a32 32 0 0 1 32 32m40-64a48.85 48.85 0 0 0 40 40V64Zm0 128h40v-40a48.85 48.85 0 0 0-40 40M16 152v40h40a48.85 48.85 0 0 0-40-40m0-48a48.85 48.85 0 0 0 40-40H16Z" opacity=".2"/><path d="M128 88a40 40 0 1 0 40 40a40 40 0 0 0-40-40m0 64a24 24 0 1 1 24-24a24 24 0 0 1-24 24m112-96H16a8 8 0 0 0-8 8v128a8 8 0 0 0 8 8h224a8 8 0 0 0 8-8V64a8 8 0 0 0-8-8M24 72h21.37A40.8 40.8 0 0 1 24 93.37Zm0 112v-21.37A40.8 40.8 0 0 1 45.37 184Zm208 0h-21.37A40.8 40.8 0 0 1 232 162.63Zm0-38.35A56.78 56.78 0 0 0 193.65 184H62.35A56.78 56.78 0 0 0 24 145.65v-35.3A56.78 56.78 0 0 0 62.35 72h131.3A56.78 56.78 0 0 0 232 110.35Zm0-52.28A40.8 40.8 0 0 1 210.63 72H232Z"/></g></svg>
</template>

CSS

.icon-money-duotone {
  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%20256%20256%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M160%20128a32%2032%200%201%201-32-32a32%2032%200%200%201%2032%2032m40-64a48.85%2048.85%200%200%200%2040%2040V64Zm0%20128h40v-40a48.85%2048.85%200%200%200-40%2040M16%20152v40h40a48.85%2048.85%200%200%200-40-40m0-48a48.85%2048.85%200%200%200%2040-40H16Z%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M128%2088a40%2040%200%201%200%2040%2040a40%2040%200%200%200-40-40m0%2064a24%2024%200%201%201%2024-24a24%2024%200%200%201-24%2024m112-96H16a8%208%200%200%200-8%208v128a8%208%200%200%200%208%208h224a8%208%200%200%200%208-8V64a8%208%200%200%200-8-8M24%2072h21.37A40.8%2040.8%200%200%201%2024%2093.37Zm0%20112v-21.37A40.8%2040.8%200%200%201%2045.37%20184Zm208%200h-21.37A40.8%2040.8%200%200%201%20232%20162.63Zm0-38.35A56.78%2056.78%200%200%200%20193.65%20184H62.35A56.78%2056.78%200%200%200%2024%20145.65v-35.3A56.78%2056.78%200%200%200%2062.35%2072h131.3A56.78%2056.78%200%200%200%20232%20110.35Zm0-52.28A40.8%2040.8%200%200%201%20210.63%2072H232Z%22%2F%3E%3C%2Fg%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%20256%20256%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M160%20128a32%2032%200%201%201-32-32a32%2032%200%200%201%2032%2032m40-64a48.85%2048.85%200%200%200%2040%2040V64Zm0%20128h40v-40a48.85%2048.85%200%200%200-40%2040M16%20152v40h40a48.85%2048.85%200%200%200-40-40m0-48a48.85%2048.85%200%200%200%2040-40H16Z%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M128%2088a40%2040%200%201%200%2040%2040a40%2040%200%200%200-40-40m0%2064a24%2024%200%201%201%2024-24a24%2024%200%200%201-24%2024m112-96H16a8%208%200%200%200-8%208v128a8%208%200%200%200%208%208h224a8%208%200%200%200%208-8V64a8%208%200%200%200-8-8M24%2072h21.37A40.8%2040.8%200%200%201%2024%2093.37Zm0%20112v-21.37A40.8%2040.8%200%200%201%2045.37%20184Zm208%200h-21.37A40.8%2040.8%200%200%201%20232%20162.63Zm0-38.35A56.78%2056.78%200%200%200%20193.65%20184H62.35A56.78%2056.78%200%200%200%2024%20145.65v-35.3A56.78%2056.78%200%200%200%2062.35%2072h131.3A56.78%2056.78%200%200%200%20232%20110.35Zm0-52.28A40.8%2040.8%200%200%201%20210.63%2072H232Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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