piggy bank icon

piggy-bank-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.

Name: piggy-bank-light
Set: Phosphor
Style: Light
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

piggy-bank piggy-bank-bold piggy-bank-duotone piggy-bank-fill piggy-bank-thin

The same icon in other sets

piggy-bankBootstrap Icons piggy-bankCarbon piggy-bankFont Awesome 6 Solid piggy-bankFont Awesome Solid piggy-bankHuge Icons piggy-bankIconoir piggy-bankLine Awesome piggy-bankLucide piggy-bankMaterial Design Icons

Use the piggy bank icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M190 116a10 10 0 1 1-10-10a10 10 0 0 1 10 10m-38-50h-40a6 6 0 0 0 0 12h40a6 6 0 0 0 0-12m94 46v32a22 22 0 0 1-22 22h-3.77l-16.68 46.71a14 14 0 0 1-13.19 9.29h-12.72a14 14 0 0 1-13.19-9.29l-2.39-6.71h-60.12l-2.39 6.71A14 14 0 0 1 86.36 222H73.64a14 14 0 0 1-13.19-9.29l-12.69-35.53a85.72 85.72 0 0 1-21.47-50.24A18 18 0 0 0 14 144a6 6 0 0 1-12 0a30 30 0 0 1 24.19-29.43A86.1 86.1 0 0 1 112 34h104a6 6 0 0 1 0 12h-28.18a85.92 85.92 0 0 1 35.12 39.83c.6 1.38 1.16 2.77 1.68 4.18A22 22 0 0 1 246 112m-12 0a10 10 0 0 0-10-10h-3.66a6 6 0 0 1-5.73-4.2a71 71 0 0 0-2.68-7.19A74 74 0 0 0 144 46h-32a74 74 0 0 0-54.56 124a5.8 5.8 0 0 1 1.22 2l13.09 36.64a2 2 0 0 0 1.89 1.36h12.72a2 2 0 0 0 1.89-1.33L92.06 198a6 6 0 0 1 5.65-4h68.58a6 6 0 0 1 5.65 4l3.81 10.69a2 2 0 0 0 1.89 1.33h12.72a2 2 0 0 0 1.89-1.33l18.1-50.69a6 6 0 0 1 5.65-4h8a10 10 0 0 0 10-10Z"/></svg>

React

import type { SVGProps } from "react";

export function PhPiggyBankLight(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="M190 116a10 10 0 1 1-10-10a10 10 0 0 1 10 10m-38-50h-40a6 6 0 0 0 0 12h40a6 6 0 0 0 0-12m94 46v32a22 22 0 0 1-22 22h-3.77l-16.68 46.71a14 14 0 0 1-13.19 9.29h-12.72a14 14 0 0 1-13.19-9.29l-2.39-6.71h-60.12l-2.39 6.71A14 14 0 0 1 86.36 222H73.64a14 14 0 0 1-13.19-9.29l-12.69-35.53a85.72 85.72 0 0 1-21.47-50.24A18 18 0 0 0 14 144a6 6 0 0 1-12 0a30 30 0 0 1 24.19-29.43A86.1 86.1 0 0 1 112 34h104a6 6 0 0 1 0 12h-28.18a85.92 85.92 0 0 1 35.12 39.83c.6 1.38 1.16 2.77 1.68 4.18A22 22 0 0 1 246 112m-12 0a10 10 0 0 0-10-10h-3.66a6 6 0 0 1-5.73-4.2a71 71 0 0 0-2.68-7.19A74 74 0 0 0 144 46h-32a74 74 0 0 0-54.56 124a5.8 5.8 0 0 1 1.22 2l13.09 36.64a2 2 0 0 0 1.89 1.36h12.72a2 2 0 0 0 1.89-1.33L92.06 198a6 6 0 0 1 5.65-4h68.58a6 6 0 0 1 5.65 4l3.81 10.69a2 2 0 0 0 1.89 1.33h12.72a2 2 0 0 0 1.89-1.33l18.1-50.69a6 6 0 0 1 5.65-4h8a10 10 0 0 0 10-10Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M190 116a10 10 0 1 1-10-10a10 10 0 0 1 10 10m-38-50h-40a6 6 0 0 0 0 12h40a6 6 0 0 0 0-12m94 46v32a22 22 0 0 1-22 22h-3.77l-16.68 46.71a14 14 0 0 1-13.19 9.29h-12.72a14 14 0 0 1-13.19-9.29l-2.39-6.71h-60.12l-2.39 6.71A14 14 0 0 1 86.36 222H73.64a14 14 0 0 1-13.19-9.29l-12.69-35.53a85.72 85.72 0 0 1-21.47-50.24A18 18 0 0 0 14 144a6 6 0 0 1-12 0a30 30 0 0 1 24.19-29.43A86.1 86.1 0 0 1 112 34h104a6 6 0 0 1 0 12h-28.18a85.92 85.92 0 0 1 35.12 39.83c.6 1.38 1.16 2.77 1.68 4.18A22 22 0 0 1 246 112m-12 0a10 10 0 0 0-10-10h-3.66a6 6 0 0 1-5.73-4.2a71 71 0 0 0-2.68-7.19A74 74 0 0 0 144 46h-32a74 74 0 0 0-54.56 124a5.8 5.8 0 0 1 1.22 2l13.09 36.64a2 2 0 0 0 1.89 1.36h12.72a2 2 0 0 0 1.89-1.33L92.06 198a6 6 0 0 1 5.65-4h68.58a6 6 0 0 1 5.65 4l3.81 10.69a2 2 0 0 0 1.89 1.33h12.72a2 2 0 0 0 1.89-1.33l18.1-50.69a6 6 0 0 1 5.65-4h8a10 10 0 0 0 10-10Z"/></svg>
</template>

CSS

.icon-piggy-bank-light {
  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%22M190%20116a10%2010%200%201%201-10-10a10%2010%200%200%201%2010%2010m-38-50h-40a6%206%200%200%200%200%2012h40a6%206%200%200%200%200-12m94%2046v32a22%2022%200%200%201-22%2022h-3.77l-16.68%2046.71a14%2014%200%200%201-13.19%209.29h-12.72a14%2014%200%200%201-13.19-9.29l-2.39-6.71h-60.12l-2.39%206.71A14%2014%200%200%201%2086.36%20222H73.64a14%2014%200%200%201-13.19-9.29l-12.69-35.53a85.72%2085.72%200%200%201-21.47-50.24A18%2018%200%200%200%2014%20144a6%206%200%200%201-12%200a30%2030%200%200%201%2024.19-29.43A86.1%2086.1%200%200%201%20112%2034h104a6%206%200%200%201%200%2012h-28.18a85.92%2085.92%200%200%201%2035.12%2039.83c.6%201.38%201.16%202.77%201.68%204.18A22%2022%200%200%201%20246%20112m-12%200a10%2010%200%200%200-10-10h-3.66a6%206%200%200%201-5.73-4.2a71%2071%200%200%200-2.68-7.19A74%2074%200%200%200%20144%2046h-32a74%2074%200%200%200-54.56%20124a5.8%205.8%200%200%201%201.22%202l13.09%2036.64a2%202%200%200%200%201.89%201.36h12.72a2%202%200%200%200%201.89-1.33L92.06%20198a6%206%200%200%201%205.65-4h68.58a6%206%200%200%201%205.65%204l3.81%2010.69a2%202%200%200%200%201.89%201.33h12.72a2%202%200%200%200%201.89-1.33l18.1-50.69a6%206%200%200%201%205.65-4h8a10%2010%200%200%200%2010-10Z%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%22M190%20116a10%2010%200%201%201-10-10a10%2010%200%200%201%2010%2010m-38-50h-40a6%206%200%200%200%200%2012h40a6%206%200%200%200%200-12m94%2046v32a22%2022%200%200%201-22%2022h-3.77l-16.68%2046.71a14%2014%200%200%201-13.19%209.29h-12.72a14%2014%200%200%201-13.19-9.29l-2.39-6.71h-60.12l-2.39%206.71A14%2014%200%200%201%2086.36%20222H73.64a14%2014%200%200%201-13.19-9.29l-12.69-35.53a85.72%2085.72%200%200%201-21.47-50.24A18%2018%200%200%200%2014%20144a6%206%200%200%201-12%200a30%2030%200%200%201%2024.19-29.43A86.1%2086.1%200%200%201%20112%2034h104a6%206%200%200%201%200%2012h-28.18a85.92%2085.92%200%200%201%2035.12%2039.83c.6%201.38%201.16%202.77%201.68%204.18A22%2022%200%200%201%20246%20112m-12%200a10%2010%200%200%200-10-10h-3.66a6%206%200%200%201-5.73-4.2a71%2071%200%200%200-2.68-7.19A74%2074%200%200%200%20144%2046h-32a74%2074%200%200%200-54.56%20124a5.8%205.8%200%200%201%201.22%202l13.09%2036.64a2%202%200%200%200%201.89%201.36h12.72a2%202%200%200%200%201.89-1.33L92.06%20198a6%206%200%200%201%205.65-4h68.58a6%206%200%200%201%205.65%204l3.81%2010.69a2%202%200%200%200%201.89%201.33h12.72a2%202%200%200%200%201.89-1.33l18.1-50.69a6%206%200%200%201%205.65-4h8a10%2010%200%200%200%2010-10Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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