money wavy icon

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

Name
money-wavy-bold
Set
Phosphor
Style
Bold
Viewbox
256×256
License
MIT

5 other variants in Phosphor

money-wavymoney-wavy-duotonemoney-wavy-fillmoney-wavy-lightmoney-wavy-thin

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="M246.36 56.55a12 12 0 0 0-11.63-.6c-41.48 20.29-71.4 10.71-103.07.56c-33.18-10.62-70.78-22.66-120.93 1.86A12 12 0 0 0 4 69.16v120.1a12 12 0 0 0 17.27 10.79c41.48-20.29 71.4-10.71 103.07-.56c18.83 6 39.08 12.51 62.24 12.51c17.66 0 37-3.77 58.69-14.37a12 12 0 0 0 6.73-10.79V66.74a12 12 0 0 0-5.64-10.19M228 179.12c-38 16.16-66.41 7.07-96.34-2.51c-18.83-6-39.08-12.52-62.24-12.52A124.9 124.9 0 0 0 28 171.24V76.88c38-16.16 66.41-7.08 96.34 2.51c29.26 9.37 61.95 19.84 103.66 5.37ZM128 96a32 32 0 1 0 32 32a32.06 32.06 0 0 0-32-32m0 40a8 8 0 1 1 8-8a8 8 0 0 1-8 8m-64-36v40a12 12 0 1 1-24 0v-40a12 12 0 1 1 24 0m128 56v-40a12 12 0 1 1 24 0v40a12 12 0 1 1-24 0"/></svg>

React

import type { SVGProps } from "react";

export function PhMoneyWavyBold(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="M246.36 56.55a12 12 0 0 0-11.63-.6c-41.48 20.29-71.4 10.71-103.07.56c-33.18-10.62-70.78-22.66-120.93 1.86A12 12 0 0 0 4 69.16v120.1a12 12 0 0 0 17.27 10.79c41.48-20.29 71.4-10.71 103.07-.56c18.83 6 39.08 12.51 62.24 12.51c17.66 0 37-3.77 58.69-14.37a12 12 0 0 0 6.73-10.79V66.74a12 12 0 0 0-5.64-10.19M228 179.12c-38 16.16-66.41 7.07-96.34-2.51c-18.83-6-39.08-12.52-62.24-12.52A124.9 124.9 0 0 0 28 171.24V76.88c38-16.16 66.41-7.08 96.34 2.51c29.26 9.37 61.95 19.84 103.66 5.37ZM128 96a32 32 0 1 0 32 32a32.06 32.06 0 0 0-32-32m0 40a8 8 0 1 1 8-8a8 8 0 0 1-8 8m-64-36v40a12 12 0 1 1-24 0v-40a12 12 0 1 1 24 0m128 56v-40a12 12 0 1 1 24 0v40a12 12 0 1 1-24 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="M246.36 56.55a12 12 0 0 0-11.63-.6c-41.48 20.29-71.4 10.71-103.07.56c-33.18-10.62-70.78-22.66-120.93 1.86A12 12 0 0 0 4 69.16v120.1a12 12 0 0 0 17.27 10.79c41.48-20.29 71.4-10.71 103.07-.56c18.83 6 39.08 12.51 62.24 12.51c17.66 0 37-3.77 58.69-14.37a12 12 0 0 0 6.73-10.79V66.74a12 12 0 0 0-5.64-10.19M228 179.12c-38 16.16-66.41 7.07-96.34-2.51c-18.83-6-39.08-12.52-62.24-12.52A124.9 124.9 0 0 0 28 171.24V76.88c38-16.16 66.41-7.08 96.34 2.51c29.26 9.37 61.95 19.84 103.66 5.37ZM128 96a32 32 0 1 0 32 32a32.06 32.06 0 0 0-32-32m0 40a8 8 0 1 1 8-8a8 8 0 0 1-8 8m-64-36v40a12 12 0 1 1-24 0v-40a12 12 0 1 1 24 0m128 56v-40a12 12 0 1 1 24 0v40a12 12 0 1 1-24 0"/></svg>
</template>

CSS

.icon-money-wavy-bold {
  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%22M246.36%2056.55a12%2012%200%200%200-11.63-.6c-41.48%2020.29-71.4%2010.71-103.07.56c-33.18-10.62-70.78-22.66-120.93%201.86A12%2012%200%200%200%204%2069.16v120.1a12%2012%200%200%200%2017.27%2010.79c41.48-20.29%2071.4-10.71%20103.07-.56c18.83%206%2039.08%2012.51%2062.24%2012.51c17.66%200%2037-3.77%2058.69-14.37a12%2012%200%200%200%206.73-10.79V66.74a12%2012%200%200%200-5.64-10.19M228%20179.12c-38%2016.16-66.41%207.07-96.34-2.51c-18.83-6-39.08-12.52-62.24-12.52A124.9%20124.9%200%200%200%2028%20171.24V76.88c38-16.16%2066.41-7.08%2096.34%202.51c29.26%209.37%2061.95%2019.84%20103.66%205.37ZM128%2096a32%2032%200%201%200%2032%2032a32.06%2032.06%200%200%200-32-32m0%2040a8%208%200%201%201%208-8a8%208%200%200%201-8%208m-64-36v40a12%2012%200%201%201-24%200v-40a12%2012%200%201%201%2024%200m128%2056v-40a12%2012%200%201%201%2024%200v40a12%2012%200%201%201-24%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%22M246.36%2056.55a12%2012%200%200%200-11.63-.6c-41.48%2020.29-71.4%2010.71-103.07.56c-33.18-10.62-70.78-22.66-120.93%201.86A12%2012%200%200%200%204%2069.16v120.1a12%2012%200%200%200%2017.27%2010.79c41.48-20.29%2071.4-10.71%20103.07-.56c18.83%206%2039.08%2012.51%2062.24%2012.51c17.66%200%2037-3.77%2058.69-14.37a12%2012%200%200%200%206.73-10.79V66.74a12%2012%200%200%200-5.64-10.19M228%20179.12c-38%2016.16-66.41%207.07-96.34-2.51c-18.83-6-39.08-12.52-62.24-12.52A124.9%20124.9%200%200%200%2028%20171.24V76.88c38-16.16%2066.41-7.08%2096.34%202.51c29.26%209.37%2061.95%2019.84%20103.66%205.37ZM128%2096a32%2032%200%201%200%2032%2032a32.06%2032.06%200%200%200-32-32m0%2040a8%208%200%201%201%208-8a8%208%200%200%201-8%208m-64-36v40a12%2012%200%201%201-24%200v-40a12%2012%200%201%201%2024%200m128%2056v-40a12%2012%200%201%201%2024%200v40a12%2012%200%201%201-24%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-bold.svg?color=%231a73e8&size=48