savings icon
savings-20-regular from Fluent UI System Icons by Microsoft Corporation · 20 Regular · MIT Free for personal and commercial use.
- Name
- savings-20-regular
- Set
- Fluent UI System Icons
- Style
- 20 Regular
- Viewbox
- 20×20
- License
- MIT
7 other variants in Fluent UI System Icons
The same icon in other sets
Use the savings icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M16.954 9.545q.046.358.046.763c0 1.535-.465 2.567-.91 3.208a4 4 0 0 1-.61.695a3 3 0 0 1-.236.188l-.009.006a.5.5 0 0 0-.235.424V16.5a.5.5 0 0 1-.5.5h-1.384a.116.116 0 0 1-.116-.116c0-.617-.5-1.117-1.116-1.117h-1.768c-.616 0-1.116.5-1.116 1.117a.116.116 0 0 1-.116.116H7.5a.5.5 0 0 1-.5-.5v-.85a.5.5 0 0 0-.342-.473l-.04-.019a2 2 0 0 1-.23-.132c-.22-.142-.567-.406-1.032-.877a5 5 0 0 1-.997-1.488c-.184-.422-.569-.793-1.084-.88A.33.33 0 0 1 3 11.457V9.95a.29.29 0 0 1 .242-.286c.55-.093.94-.514 1.092-.978c.13-.398.364-.92.752-1.313a5.6 5.6 0 0 1 1.09-.848a6 6 0 0 1 .49-.263l.026-.012l.005-.002A.5.5 0 0 0 7 5.787V3.69c.253.22.548.458.866.67c.434.292.951.566 1.482.665q.184-.501.48-.948l-.183-.019c-.355-.036-.782-.233-1.223-.528a8.5 8.5 0 0 1-1.115-.916a.77.77 0 0 0-.826-.155a.76.76 0 0 0-.481.704v2.314A6.9 6.9 0 0 0 4.374 6.67c-.543.55-.838 1.24-.99 1.705c-.06.178-.19.283-.308.303A1.29 1.29 0 0 0 2 9.949v1.507a1.33 1.33 0 0 0 1.108 1.312c.125.02.26.122.334.293a6 6 0 0 0 1.202 1.79c.509.516.911.827 1.199 1.014q.086.055.157.097v.538A1.5 1.5 0 0 0 7.5 18h1.384C9.5 18 10 17.5 10 16.884c0-.065.052-.117.116-.117h1.768c.064 0 .116.052.116.117C12 17.5 12.5 18 13.116 18H14.5a1.5 1.5 0 0 0 1.5-1.5v-1.419a5 5 0 0 0 .91-.994c.555-.797 1.09-2.026 1.09-3.779c0-.726-.101-1.376-.293-1.957a4.5 4.5 0 0 1-.754 1.194m-.152-4.313a3.5 3.5 0 0 1-1.171 4.166c-.43.312-.997.29-1.487.087l-3.04-1.259c-.49-.203-.907-.588-.99-1.112a3.5 3.5 0 0 1 6.688-1.882m-1.76 3.358a2.5 2.5 0 1 0-3.94-1.632a.3.3 0 0 0 .083.148c.064.068.166.14.302.196l3.04 1.26a.9.9 0 0 0 .352.073a.3.3 0 0 0 .164-.045M6.75 9.5a.75.75 0 1 0 0-1.5a.75.75 0 0 0 0 1.5"/></svg>
React
import type { SVGProps } from "react";
export function FluentSavings20Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M16.954 9.545q.046.358.046.763c0 1.535-.465 2.567-.91 3.208a4 4 0 0 1-.61.695a3 3 0 0 1-.236.188l-.009.006a.5.5 0 0 0-.235.424V16.5a.5.5 0 0 1-.5.5h-1.384a.116.116 0 0 1-.116-.116c0-.617-.5-1.117-1.116-1.117h-1.768c-.616 0-1.116.5-1.116 1.117a.116.116 0 0 1-.116.116H7.5a.5.5 0 0 1-.5-.5v-.85a.5.5 0 0 0-.342-.473l-.04-.019a2 2 0 0 1-.23-.132c-.22-.142-.567-.406-1.032-.877a5 5 0 0 1-.997-1.488c-.184-.422-.569-.793-1.084-.88A.33.33 0 0 1 3 11.457V9.95a.29.29 0 0 1 .242-.286c.55-.093.94-.514 1.092-.978c.13-.398.364-.92.752-1.313a5.6 5.6 0 0 1 1.09-.848a6 6 0 0 1 .49-.263l.026-.012l.005-.002A.5.5 0 0 0 7 5.787V3.69c.253.22.548.458.866.67c.434.292.951.566 1.482.665q.184-.501.48-.948l-.183-.019c-.355-.036-.782-.233-1.223-.528a8.5 8.5 0 0 1-1.115-.916a.77.77 0 0 0-.826-.155a.76.76 0 0 0-.481.704v2.314A6.9 6.9 0 0 0 4.374 6.67c-.543.55-.838 1.24-.99 1.705c-.06.178-.19.283-.308.303A1.29 1.29 0 0 0 2 9.949v1.507a1.33 1.33 0 0 0 1.108 1.312c.125.02.26.122.334.293a6 6 0 0 0 1.202 1.79c.509.516.911.827 1.199 1.014q.086.055.157.097v.538A1.5 1.5 0 0 0 7.5 18h1.384C9.5 18 10 17.5 10 16.884c0-.065.052-.117.116-.117h1.768c.064 0 .116.052.116.117C12 17.5 12.5 18 13.116 18H14.5a1.5 1.5 0 0 0 1.5-1.5v-1.419a5 5 0 0 0 .91-.994c.555-.797 1.09-2.026 1.09-3.779c0-.726-.101-1.376-.293-1.957a4.5 4.5 0 0 1-.754 1.194m-.152-4.313a3.5 3.5 0 0 1-1.171 4.166c-.43.312-.997.29-1.487.087l-3.04-1.259c-.49-.203-.907-.588-.99-1.112a3.5 3.5 0 0 1 6.688-1.882m-1.76 3.358a2.5 2.5 0 1 0-3.94-1.632a.3.3 0 0 0 .083.148c.064.068.166.14.302.196l3.04 1.26a.9.9 0 0 0 .352.073a.3.3 0 0 0 .164-.045M6.75 9.5a.75.75 0 1 0 0-1.5a.75.75 0 0 0 0 1.5"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M16.954 9.545q.046.358.046.763c0 1.535-.465 2.567-.91 3.208a4 4 0 0 1-.61.695a3 3 0 0 1-.236.188l-.009.006a.5.5 0 0 0-.235.424V16.5a.5.5 0 0 1-.5.5h-1.384a.116.116 0 0 1-.116-.116c0-.617-.5-1.117-1.116-1.117h-1.768c-.616 0-1.116.5-1.116 1.117a.116.116 0 0 1-.116.116H7.5a.5.5 0 0 1-.5-.5v-.85a.5.5 0 0 0-.342-.473l-.04-.019a2 2 0 0 1-.23-.132c-.22-.142-.567-.406-1.032-.877a5 5 0 0 1-.997-1.488c-.184-.422-.569-.793-1.084-.88A.33.33 0 0 1 3 11.457V9.95a.29.29 0 0 1 .242-.286c.55-.093.94-.514 1.092-.978c.13-.398.364-.92.752-1.313a5.6 5.6 0 0 1 1.09-.848a6 6 0 0 1 .49-.263l.026-.012l.005-.002A.5.5 0 0 0 7 5.787V3.69c.253.22.548.458.866.67c.434.292.951.566 1.482.665q.184-.501.48-.948l-.183-.019c-.355-.036-.782-.233-1.223-.528a8.5 8.5 0 0 1-1.115-.916a.77.77 0 0 0-.826-.155a.76.76 0 0 0-.481.704v2.314A6.9 6.9 0 0 0 4.374 6.67c-.543.55-.838 1.24-.99 1.705c-.06.178-.19.283-.308.303A1.29 1.29 0 0 0 2 9.949v1.507a1.33 1.33 0 0 0 1.108 1.312c.125.02.26.122.334.293a6 6 0 0 0 1.202 1.79c.509.516.911.827 1.199 1.014q.086.055.157.097v.538A1.5 1.5 0 0 0 7.5 18h1.384C9.5 18 10 17.5 10 16.884c0-.065.052-.117.116-.117h1.768c.064 0 .116.052.116.117C12 17.5 12.5 18 13.116 18H14.5a1.5 1.5 0 0 0 1.5-1.5v-1.419a5 5 0 0 0 .91-.994c.555-.797 1.09-2.026 1.09-3.779c0-.726-.101-1.376-.293-1.957a4.5 4.5 0 0 1-.754 1.194m-.152-4.313a3.5 3.5 0 0 1-1.171 4.166c-.43.312-.997.29-1.487.087l-3.04-1.259c-.49-.203-.907-.588-.99-1.112a3.5 3.5 0 0 1 6.688-1.882m-1.76 3.358a2.5 2.5 0 1 0-3.94-1.632a.3.3 0 0 0 .083.148c.064.068.166.14.302.196l3.04 1.26a.9.9 0 0 0 .352.073a.3.3 0 0 0 .164-.045M6.75 9.5a.75.75 0 1 0 0-1.5a.75.75 0 0 0 0 1.5"/></svg> </template>
CSS
.icon-savings-20-regular {
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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16.954%209.545q.046.358.046.763c0%201.535-.465%202.567-.91%203.208a4%204%200%200%201-.61.695a3%203%200%200%201-.236.188l-.009.006a.5.5%200%200%200-.235.424V16.5a.5.5%200%200%201-.5.5h-1.384a.116.116%200%200%201-.116-.116c0-.617-.5-1.117-1.116-1.117h-1.768c-.616%200-1.116.5-1.116%201.117a.116.116%200%200%201-.116.116H7.5a.5.5%200%200%201-.5-.5v-.85a.5.5%200%200%200-.342-.473l-.04-.019a2%202%200%200%201-.23-.132c-.22-.142-.567-.406-1.032-.877a5%205%200%200%201-.997-1.488c-.184-.422-.569-.793-1.084-.88A.33.33%200%200%201%203%2011.457V9.95a.29.29%200%200%201%20.242-.286c.55-.093.94-.514%201.092-.978c.13-.398.364-.92.752-1.313a5.6%205.6%200%200%201%201.09-.848a6%206%200%200%201%20.49-.263l.026-.012l.005-.002A.5.5%200%200%200%207%205.787V3.69c.253.22.548.458.866.67c.434.292.951.566%201.482.665q.184-.501.48-.948l-.183-.019c-.355-.036-.782-.233-1.223-.528a8.5%208.5%200%200%201-1.115-.916a.77.77%200%200%200-.826-.155a.76.76%200%200%200-.481.704v2.314A6.9%206.9%200%200%200%204.374%206.67c-.543.55-.838%201.24-.99%201.705c-.06.178-.19.283-.308.303A1.29%201.29%200%200%200%202%209.949v1.507a1.33%201.33%200%200%200%201.108%201.312c.125.02.26.122.334.293a6%206%200%200%200%201.202%201.79c.509.516.911.827%201.199%201.014q.086.055.157.097v.538A1.5%201.5%200%200%200%207.5%2018h1.384C9.5%2018%2010%2017.5%2010%2016.884c0-.065.052-.117.116-.117h1.768c.064%200%20.116.052.116.117C12%2017.5%2012.5%2018%2013.116%2018H14.5a1.5%201.5%200%200%200%201.5-1.5v-1.419a5%205%200%200%200%20.91-.994c.555-.797%201.09-2.026%201.09-3.779c0-.726-.101-1.376-.293-1.957a4.5%204.5%200%200%201-.754%201.194m-.152-4.313a3.5%203.5%200%200%201-1.171%204.166c-.43.312-.997.29-1.487.087l-3.04-1.259c-.49-.203-.907-.588-.99-1.112a3.5%203.5%200%200%201%206.688-1.882m-1.76%203.358a2.5%202.5%200%201%200-3.94-1.632a.3.3%200%200%200%20.083.148c.064.068.166.14.302.196l3.04%201.26a.9.9%200%200%200%20.352.073a.3.3%200%200%200%20.164-.045M6.75%209.5a.75.75%200%201%200%200-1.5a.75.75%200%200%200%200%201.5%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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16.954%209.545q.046.358.046.763c0%201.535-.465%202.567-.91%203.208a4%204%200%200%201-.61.695a3%203%200%200%201-.236.188l-.009.006a.5.5%200%200%200-.235.424V16.5a.5.5%200%200%201-.5.5h-1.384a.116.116%200%200%201-.116-.116c0-.617-.5-1.117-1.116-1.117h-1.768c-.616%200-1.116.5-1.116%201.117a.116.116%200%200%201-.116.116H7.5a.5.5%200%200%201-.5-.5v-.85a.5.5%200%200%200-.342-.473l-.04-.019a2%202%200%200%201-.23-.132c-.22-.142-.567-.406-1.032-.877a5%205%200%200%201-.997-1.488c-.184-.422-.569-.793-1.084-.88A.33.33%200%200%201%203%2011.457V9.95a.29.29%200%200%201%20.242-.286c.55-.093.94-.514%201.092-.978c.13-.398.364-.92.752-1.313a5.6%205.6%200%200%201%201.09-.848a6%206%200%200%201%20.49-.263l.026-.012l.005-.002A.5.5%200%200%200%207%205.787V3.69c.253.22.548.458.866.67c.434.292.951.566%201.482.665q.184-.501.48-.948l-.183-.019c-.355-.036-.782-.233-1.223-.528a8.5%208.5%200%200%201-1.115-.916a.77.77%200%200%200-.826-.155a.76.76%200%200%200-.481.704v2.314A6.9%206.9%200%200%200%204.374%206.67c-.543.55-.838%201.24-.99%201.705c-.06.178-.19.283-.308.303A1.29%201.29%200%200%200%202%209.949v1.507a1.33%201.33%200%200%200%201.108%201.312c.125.02.26.122.334.293a6%206%200%200%200%201.202%201.79c.509.516.911.827%201.199%201.014q.086.055.157.097v.538A1.5%201.5%200%200%200%207.5%2018h1.384C9.5%2018%2010%2017.5%2010%2016.884c0-.065.052-.117.116-.117h1.768c.064%200%20.116.052.116.117C12%2017.5%2012.5%2018%2013.116%2018H14.5a1.5%201.5%200%200%200%201.5-1.5v-1.419a5%205%200%200%200%20.91-.994c.555-.797%201.09-2.026%201.09-3.779c0-.726-.101-1.376-.293-1.957a4.5%204.5%200%200%201-.754%201.194m-.152-4.313a3.5%203.5%200%200%201-1.171%204.166c-.43.312-.997.29-1.487.087l-3.04-1.259c-.49-.203-.907-.588-.99-1.112a3.5%203.5%200%200%201%206.688-1.882m-1.76%203.358a2.5%202.5%200%201%200-3.94-1.632a.3.3%200%200%200%20.083.148c.064.068.166.14.302.196l3.04%201.26a.9.9%200%200%200%20.352.073a.3.3%200%200%200%20.164-.045M6.75%209.5a.75.75%200%201%200%200-1.5a.75.75%200%200%200%200%201.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/savings-20-regular.svg?color=%231a73e8&size=48
