piggy bank icon
piggy-bank-fill from Bootstrap Icons by The Bootstrap Authors · Fill · MIT Free for personal and commercial use.
- Name
- piggy-bank-fill
- Set
- Bootstrap Icons
- Style
- Fill
- 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"><path fill="currentColor" 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.595m7.173 3.876a.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.199m-8.999-.65a.5.5 0 1 1-.276-.96A7.6 7.6 0 0 1 7.964 3.5c.763 0 1.497.11 2.18.315a.5.5 0 1 1-.287.958A6.6 6.6 0 0 0 7.964 4.5c-.64 0-1.255.09-1.826.254ZM5 6.25a.75.75 0 1 1-1.5 0a.75.75 0 0 1 1.5 0"/></svg>
React
import type { SVGProps } from "react";
export function BiPiggyBankFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" 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.595m7.173 3.876a.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.199m-8.999-.65a.5.5 0 1 1-.276-.96A7.6 7.6 0 0 1 7.964 3.5c.763 0 1.497.11 2.18.315a.5.5 0 1 1-.287.958A6.6 6.6 0 0 0 7.964 4.5c-.64 0-1.255.09-1.826.254ZM5 6.25a.75.75 0 1 1-1.5 0a.75.75 0 0 1 1.5 0"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" 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.595m7.173 3.876a.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.199m-8.999-.65a.5.5 0 1 1-.276-.96A7.6 7.6 0 0 1 7.964 3.5c.763 0 1.497.11 2.18.315a.5.5 0 1 1-.287.958A6.6 6.6 0 0 0 7.964 4.5c-.64 0-1.255.09-1.826.254ZM5 6.25a.75.75 0 1 1-1.5 0a.75.75 0 0 1 1.5 0"/></svg> </template>
CSS
.icon-piggy-bank-fill {
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%3Cpath%20fill%3D%22currentColor%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.595m7.173%203.876a.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.199m-8.999-.65a.5.5%200%201%201-.276-.96A7.6%207.6%200%200%201%207.964%203.5c.763%200%201.497.11%202.18.315a.5.5%200%201%201-.287.958A6.6%206.6%200%200%200%207.964%204.5c-.64%200-1.255.09-1.826.254ZM5%206.25a.75.75%200%201%201-1.5%200a.75.75%200%200%201%201.5%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%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.595m7.173%203.876a.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.199m-8.999-.65a.5.5%200%201%201-.276-.96A7.6%207.6%200%200%201%207.964%203.5c.763%200%201.497.11%202.18.315a.5.5%200%201%201-.287.958A6.6%206.6%200%200%200%207.964%204.5c-.64%200-1.255.09-1.826.254ZM5%206.25a.75.75%200%201%201-1.5%200a.75.75%200%200%201%201.5%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bi/piggy-bank-fill.svg?color=%231a73e8&size=48
