piggy bank icon
piggy-bank from Bootstrap Icons by The Bootstrap Authors · Outline · MIT Free for personal and commercial use.
- Name
- piggy-bank
- Set
- Bootstrap Icons
- Style
- Outline
- Viewbox
- 16×16
- License
- MIT
1 other variant in Bootstrap Icons
The same icon in other sets
Use the piggy bank icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="currentColor"><path d="M5 6.25a.75.75 0 1 1-1.5 0a.75.75 0 0 1 1.5 0m1.138-1.496A6.6 6.6 0 0 1 7.964 4.5c.666 0 1.303.097 1.893.273a.5.5 0 0 0 .286-.958A7.6 7.6 0 0 0 7.964 3.5c-.734 0-1.441.103-2.102.292a.5.5 0 1 0 .276.962"/><path fill-rule="evenodd" d="M7.964 1.527c-2.977 0-5.571 1.704-6.32 4.125h-.55A1 1 0 0 0 .11 6.824l.254 1.46a1.5 1.5 0 0 0 1.478 1.243h.263c.3.513.688.978 1.145 1.382l-.729 2.477a.5.5 0 0 0 .48.641h2a.5.5 0 0 0 .471-.332l.482-1.351c.635.173 1.31.267 2.011.267c.707 0 1.388-.095 2.028-.272l.543 1.372a.5.5 0 0 0 .465.316h2a.5.5 0 0 0 .478-.645l-.761-2.506C13.81 9.895 14.5 8.559 14.5 7.069q0-.218-.02-.431c.261-.11.508-.266.705-.444c.315.306.815.306.815-.417c0 .223-.5.223-.461-.026a1 1 0 0 0 .09-.255a.7.7 0 0 0-.202-.645a.58.58 0 0 0-.707-.098a.74.74 0 0 0-.375.562c-.024.243.082.48.32.654a2 2 0 0 1-.259.153c-.534-2.664-3.284-4.595-6.442-4.595M2.516 6.26c.455-2.066 2.667-3.733 5.448-3.733c3.146 0 5.536 2.114 5.536 4.542c0 1.254-.624 2.41-1.67 3.248a.5.5 0 0 0-.165.535l.66 2.175h-.985l-.59-1.487a.5.5 0 0 0-.629-.288c-.661.23-1.39.359-2.157.359a6.6 6.6 0 0 1-2.157-.359a.5.5 0 0 0-.635.304l-.525 1.471h-.979l.633-2.15a.5.5 0 0 0-.17-.534a4.65 4.65 0 0 1-1.284-1.541a.5.5 0 0 0-.446-.275h-.56a.5.5 0 0 1-.492-.414l-.254-1.46h.933a.5.5 0 0 0 .488-.393m12.621-.857a.6.6 0 0 1-.098.21l-.044-.025c-.146-.09-.157-.175-.152-.223a.24.24 0 0 1 .117-.173c.049-.027.08-.021.113.012a.2.2 0 0 1 .064.199"/></g></svg>
React
import type { SVGProps } from "react";
export function BiPiggyBank(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="currentColor"><path d="M5 6.25a.75.75 0 1 1-1.5 0a.75.75 0 0 1 1.5 0m1.138-1.496A6.6 6.6 0 0 1 7.964 4.5c.666 0 1.303.097 1.893.273a.5.5 0 0 0 .286-.958A7.6 7.6 0 0 0 7.964 3.5c-.734 0-1.441.103-2.102.292a.5.5 0 1 0 .276.962"/><path fillRule="evenodd" d="M7.964 1.527c-2.977 0-5.571 1.704-6.32 4.125h-.55A1 1 0 0 0 .11 6.824l.254 1.46a1.5 1.5 0 0 0 1.478 1.243h.263c.3.513.688.978 1.145 1.382l-.729 2.477a.5.5 0 0 0 .48.641h2a.5.5 0 0 0 .471-.332l.482-1.351c.635.173 1.31.267 2.011.267c.707 0 1.388-.095 2.028-.272l.543 1.372a.5.5 0 0 0 .465.316h2a.5.5 0 0 0 .478-.645l-.761-2.506C13.81 9.895 14.5 8.559 14.5 7.069q0-.218-.02-.431c.261-.11.508-.266.705-.444c.315.306.815.306.815-.417c0 .223-.5.223-.461-.026a1 1 0 0 0 .09-.255a.7.7 0 0 0-.202-.645a.58.58 0 0 0-.707-.098a.74.74 0 0 0-.375.562c-.024.243.082.48.32.654a2 2 0 0 1-.259.153c-.534-2.664-3.284-4.595-6.442-4.595M2.516 6.26c.455-2.066 2.667-3.733 5.448-3.733c3.146 0 5.536 2.114 5.536 4.542c0 1.254-.624 2.41-1.67 3.248a.5.5 0 0 0-.165.535l.66 2.175h-.985l-.59-1.487a.5.5 0 0 0-.629-.288c-.661.23-1.39.359-2.157.359a6.6 6.6 0 0 1-2.157-.359a.5.5 0 0 0-.635.304l-.525 1.471h-.979l.633-2.15a.5.5 0 0 0-.17-.534a4.65 4.65 0 0 1-1.284-1.541a.5.5 0 0 0-.446-.275h-.56a.5.5 0 0 1-.492-.414l-.254-1.46h.933a.5.5 0 0 0 .488-.393m12.621-.857a.6.6 0 0 1-.098.21l-.044-.025c-.146-.09-.157-.175-.152-.223a.24.24 0 0 1 .117-.173c.049-.027.08-.021.113.012a.2.2 0 0 1 .064.199"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="currentColor"><path d="M5 6.25a.75.75 0 1 1-1.5 0a.75.75 0 0 1 1.5 0m1.138-1.496A6.6 6.6 0 0 1 7.964 4.5c.666 0 1.303.097 1.893.273a.5.5 0 0 0 .286-.958A7.6 7.6 0 0 0 7.964 3.5c-.734 0-1.441.103-2.102.292a.5.5 0 1 0 .276.962"/><path fill-rule="evenodd" d="M7.964 1.527c-2.977 0-5.571 1.704-6.32 4.125h-.55A1 1 0 0 0 .11 6.824l.254 1.46a1.5 1.5 0 0 0 1.478 1.243h.263c.3.513.688.978 1.145 1.382l-.729 2.477a.5.5 0 0 0 .48.641h2a.5.5 0 0 0 .471-.332l.482-1.351c.635.173 1.31.267 2.011.267c.707 0 1.388-.095 2.028-.272l.543 1.372a.5.5 0 0 0 .465.316h2a.5.5 0 0 0 .478-.645l-.761-2.506C13.81 9.895 14.5 8.559 14.5 7.069q0-.218-.02-.431c.261-.11.508-.266.705-.444c.315.306.815.306.815-.417c0 .223-.5.223-.461-.026a1 1 0 0 0 .09-.255a.7.7 0 0 0-.202-.645a.58.58 0 0 0-.707-.098a.74.74 0 0 0-.375.562c-.024.243.082.48.32.654a2 2 0 0 1-.259.153c-.534-2.664-3.284-4.595-6.442-4.595M2.516 6.26c.455-2.066 2.667-3.733 5.448-3.733c3.146 0 5.536 2.114 5.536 4.542c0 1.254-.624 2.41-1.67 3.248a.5.5 0 0 0-.165.535l.66 2.175h-.985l-.59-1.487a.5.5 0 0 0-.629-.288c-.661.23-1.39.359-2.157.359a6.6 6.6 0 0 1-2.157-.359a.5.5 0 0 0-.635.304l-.525 1.471h-.979l.633-2.15a.5.5 0 0 0-.17-.534a4.65 4.65 0 0 1-1.284-1.541a.5.5 0 0 0-.446-.275h-.56a.5.5 0 0 1-.492-.414l-.254-1.46h.933a.5.5 0 0 0 .488-.393m12.621-.857a.6.6 0 0 1-.098.21l-.044-.025c-.146-.09-.157-.175-.152-.223a.24.24 0 0 1 .117-.173c.049-.027.08-.021.113.012a.2.2 0 0 1 .064.199"/></g></svg> </template>
CSS
.icon-piggy-bank {
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%2016%2016%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M5%206.25a.75.75%200%201%201-1.5%200a.75.75%200%200%201%201.5%200m1.138-1.496A6.6%206.6%200%200%201%207.964%204.5c.666%200%201.303.097%201.893.273a.5.5%200%200%200%20.286-.958A7.6%207.6%200%200%200%207.964%203.5c-.734%200-1.441.103-2.102.292a.5.5%200%201%200%20.276.962%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M7.964%201.527c-2.977%200-5.571%201.704-6.32%204.125h-.55A1%201%200%200%200%20.11%206.824l.254%201.46a1.5%201.5%200%200%200%201.478%201.243h.263c.3.513.688.978%201.145%201.382l-.729%202.477a.5.5%200%200%200%20.48.641h2a.5.5%200%200%200%20.471-.332l.482-1.351c.635.173%201.31.267%202.011.267c.707%200%201.388-.095%202.028-.272l.543%201.372a.5.5%200%200%200%20.465.316h2a.5.5%200%200%200%20.478-.645l-.761-2.506C13.81%209.895%2014.5%208.559%2014.5%207.069q0-.218-.02-.431c.261-.11.508-.266.705-.444c.315.306.815.306.815-.417c0%20.223-.5.223-.461-.026a1%201%200%200%200%20.09-.255a.7.7%200%200%200-.202-.645a.58.58%200%200%200-.707-.098a.74.74%200%200%200-.375.562c-.024.243.082.48.32.654a2%202%200%200%201-.259.153c-.534-2.664-3.284-4.595-6.442-4.595M2.516%206.26c.455-2.066%202.667-3.733%205.448-3.733c3.146%200%205.536%202.114%205.536%204.542c0%201.254-.624%202.41-1.67%203.248a.5.5%200%200%200-.165.535l.66%202.175h-.985l-.59-1.487a.5.5%200%200%200-.629-.288c-.661.23-1.39.359-2.157.359a6.6%206.6%200%200%201-2.157-.359a.5.5%200%200%200-.635.304l-.525%201.471h-.979l.633-2.15a.5.5%200%200%200-.17-.534a4.65%204.65%200%200%201-1.284-1.541a.5.5%200%200%200-.446-.275h-.56a.5.5%200%200%201-.492-.414l-.254-1.46h.933a.5.5%200%200%200%20.488-.393m12.621-.857a.6.6%200%200%201-.098.21l-.044-.025c-.146-.09-.157-.175-.152-.223a.24.24%200%200%201%20.117-.173c.049-.027.08-.021.113.012a.2.2%200%200%201%20.064.199%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%2016%2016%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M5%206.25a.75.75%200%201%201-1.5%200a.75.75%200%200%201%201.5%200m1.138-1.496A6.6%206.6%200%200%201%207.964%204.5c.666%200%201.303.097%201.893.273a.5.5%200%200%200%20.286-.958A7.6%207.6%200%200%200%207.964%203.5c-.734%200-1.441.103-2.102.292a.5.5%200%201%200%20.276.962%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M7.964%201.527c-2.977%200-5.571%201.704-6.32%204.125h-.55A1%201%200%200%200%20.11%206.824l.254%201.46a1.5%201.5%200%200%200%201.478%201.243h.263c.3.513.688.978%201.145%201.382l-.729%202.477a.5.5%200%200%200%20.48.641h2a.5.5%200%200%200%20.471-.332l.482-1.351c.635.173%201.31.267%202.011.267c.707%200%201.388-.095%202.028-.272l.543%201.372a.5.5%200%200%200%20.465.316h2a.5.5%200%200%200%20.478-.645l-.761-2.506C13.81%209.895%2014.5%208.559%2014.5%207.069q0-.218-.02-.431c.261-.11.508-.266.705-.444c.315.306.815.306.815-.417c0%20.223-.5.223-.461-.026a1%201%200%200%200%20.09-.255a.7.7%200%200%200-.202-.645a.58.58%200%200%200-.707-.098a.74.74%200%200%200-.375.562c-.024.243.082.48.32.654a2%202%200%200%201-.259.153c-.534-2.664-3.284-4.595-6.442-4.595M2.516%206.26c.455-2.066%202.667-3.733%205.448-3.733c3.146%200%205.536%202.114%205.536%204.542c0%201.254-.624%202.41-1.67%203.248a.5.5%200%200%200-.165.535l.66%202.175h-.985l-.59-1.487a.5.5%200%200%200-.629-.288c-.661.23-1.39.359-2.157.359a6.6%206.6%200%200%201-2.157-.359a.5.5%200%200%200-.635.304l-.525%201.471h-.979l.633-2.15a.5.5%200%200%200-.17-.534a4.65%204.65%200%200%201-1.284-1.541a.5.5%200%200%200-.446-.275h-.56a.5.5%200%200%201-.492-.414l-.254-1.46h.933a.5.5%200%200%200%20.488-.393m12.621-.857a.6.6%200%200%201-.098.21l-.044-.025c-.146-.09-.157-.175-.152-.223a.24.24%200%200%201%20.117-.173c.049-.027.08-.021.113.012a.2.2%200%200%201%20.064.199%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bi/piggy-bank.svg?color=%231a73e8&size=48
