money wavy icon

money-wavy-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.

Name
money-wavy-thin
Set
Phosphor
Style
Thin
Viewbox
256×256
License
MIT

5 other variants in Phosphor

money-wavymoney-wavy-boldmoney-wavy-duotonemoney-wavy-fillmoney-wavy-light

Use the money wavy icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M242.12 63.39a4 4 0 0 0-3.88-.2c-44.37 21.68-75.77 11.64-109 1s-67.71-21.67-115 1.42a4 4 0 0 0-2.24 3.6v120a4 4 0 0 0 5.76 3.6c44.37-21.68 75.77-11.64 109-1c18.86 6 38.08 12.19 59.8 12.19c16.61 0 34.69-3.6 55.18-13.61a4 4 0 0 0 2.24-3.6v-120a4 4 0 0 0-1.86-3.4M236 184.27c-43.19 20.27-74.1 10.38-106.78-.08c-18.86-6-38.08-12.18-59.8-12.18c-15 0-31.28 3-49.42 10.94V71.73c43.19-20.27 74.1-10.38 106.78.08C158.7 82 191.67 92.57 236 73.05ZM128 100a28 28 0 1 0 28 28a28 28 0 0 0-28-28m0 48a20 20 0 1 1 20-20a20 20 0 0 1-20 20M52 96v48a4 4 0 0 1-8 0V96a4 4 0 0 1 8 0m152 64v-48a4 4 0 0 1 8 0v48a4 4 0 0 1-8 0"/></svg>

React

import type { SVGProps } from "react";

export function PhMoneyWavyThin(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M242.12 63.39a4 4 0 0 0-3.88-.2c-44.37 21.68-75.77 11.64-109 1s-67.71-21.67-115 1.42a4 4 0 0 0-2.24 3.6v120a4 4 0 0 0 5.76 3.6c44.37-21.68 75.77-11.64 109-1c18.86 6 38.08 12.19 59.8 12.19c16.61 0 34.69-3.6 55.18-13.61a4 4 0 0 0 2.24-3.6v-120a4 4 0 0 0-1.86-3.4M236 184.27c-43.19 20.27-74.1 10.38-106.78-.08c-18.86-6-38.08-12.18-59.8-12.18c-15 0-31.28 3-49.42 10.94V71.73c43.19-20.27 74.1-10.38 106.78.08C158.7 82 191.67 92.57 236 73.05ZM128 100a28 28 0 1 0 28 28a28 28 0 0 0-28-28m0 48a20 20 0 1 1 20-20a20 20 0 0 1-20 20M52 96v48a4 4 0 0 1-8 0V96a4 4 0 0 1 8 0m152 64v-48a4 4 0 0 1 8 0v48a4 4 0 0 1-8 0"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M242.12 63.39a4 4 0 0 0-3.88-.2c-44.37 21.68-75.77 11.64-109 1s-67.71-21.67-115 1.42a4 4 0 0 0-2.24 3.6v120a4 4 0 0 0 5.76 3.6c44.37-21.68 75.77-11.64 109-1c18.86 6 38.08 12.19 59.8 12.19c16.61 0 34.69-3.6 55.18-13.61a4 4 0 0 0 2.24-3.6v-120a4 4 0 0 0-1.86-3.4M236 184.27c-43.19 20.27-74.1 10.38-106.78-.08c-18.86-6-38.08-12.18-59.8-12.18c-15 0-31.28 3-49.42 10.94V71.73c43.19-20.27 74.1-10.38 106.78.08C158.7 82 191.67 92.57 236 73.05ZM128 100a28 28 0 1 0 28 28a28 28 0 0 0-28-28m0 48a20 20 0 1 1 20-20a20 20 0 0 1-20 20M52 96v48a4 4 0 0 1-8 0V96a4 4 0 0 1 8 0m152 64v-48a4 4 0 0 1 8 0v48a4 4 0 0 1-8 0"/></svg>
</template>

CSS

.icon-money-wavy-thin {
  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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M242.12%2063.39a4%204%200%200%200-3.88-.2c-44.37%2021.68-75.77%2011.64-109%201s-67.71-21.67-115%201.42a4%204%200%200%200-2.24%203.6v120a4%204%200%200%200%205.76%203.6c44.37-21.68%2075.77-11.64%20109-1c18.86%206%2038.08%2012.19%2059.8%2012.19c16.61%200%2034.69-3.6%2055.18-13.61a4%204%200%200%200%202.24-3.6v-120a4%204%200%200%200-1.86-3.4M236%20184.27c-43.19%2020.27-74.1%2010.38-106.78-.08c-18.86-6-38.08-12.18-59.8-12.18c-15%200-31.28%203-49.42%2010.94V71.73c43.19-20.27%2074.1-10.38%20106.78.08C158.7%2082%20191.67%2092.57%20236%2073.05ZM128%20100a28%2028%200%201%200%2028%2028a28%2028%200%200%200-28-28m0%2048a20%2020%200%201%201%2020-20a20%2020%200%200%201-20%2020M52%2096v48a4%204%200%200%201-8%200V96a4%204%200%200%201%208%200m152%2064v-48a4%204%200%200%201%208%200v48a4%204%200%200%201-8%200%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M242.12%2063.39a4%204%200%200%200-3.88-.2c-44.37%2021.68-75.77%2011.64-109%201s-67.71-21.67-115%201.42a4%204%200%200%200-2.24%203.6v120a4%204%200%200%200%205.76%203.6c44.37-21.68%2075.77-11.64%20109-1c18.86%206%2038.08%2012.19%2059.8%2012.19c16.61%200%2034.69-3.6%2055.18-13.61a4%204%200%200%200%202.24-3.6v-120a4%204%200%200%200-1.86-3.4M236%20184.27c-43.19%2020.27-74.1%2010.38-106.78-.08c-18.86-6-38.08-12.18-59.8-12.18c-15%200-31.28%203-49.42%2010.94V71.73c43.19-20.27%2074.1-10.38%20106.78.08C158.7%2082%20191.67%2092.57%20236%2073.05ZM128%20100a28%2028%200%201%200%2028%2028a28%2028%200%200%200-28-28m0%2048a20%2020%200%201%201%2020-20a20%2020%200%200%201-20%2020M52%2096v48a4%204%200%200%201-8%200V96a4%204%200%200%201%208%200m152%2064v-48a4%204%200%200%201%208%200v48a4%204%200%200%201-8%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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