savings icon
savings-24-filled from Fluent UI System Icons by Microsoft Corporation · 24 Filled · MIT Free for personal and commercial use.
- Name
- savings-24-filled
- Set
- Fluent UI System Icons
- Style
- 24 Filled
- Viewbox
- 24×24
- 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 24 24"><path fill="currentColor" d="M18.823 11.128a5 5 0 0 0 1.966-2.692q.15.204.282.423c.604.999.929 2.204.929 3.64c0 2.207-.833 3.75-1.68 4.739A6.7 6.7 0 0 1 19 18.42v1.829A1.75 1.75 0 0 1 17.25 22H16a1.5 1.5 0 0 1-1.5-1.5h-2A1.5 1.5 0 0 1 11 22H9.75A1.75 1.75 0 0 1 8 20.25v-.683a7 7 0 0 1-.464-.175A6.5 6.5 0 0 1 5.47 18.03a10 10 0 0 1-1.605-2.131a.49.49 0 0 0-.329-.258A1.84 1.84 0 0 1 2 13.828v-1.753c0-.843.61-1.562 1.44-1.7c.087-.015.216-.102.277-.284c.192-.577.565-1.434 1.253-2.122a8 8 0 0 1 1.658-1.246q.206-.117.372-.2V3.67c0-.938 1.13-1.323 1.74-.716c.33.329.81.767 1.341 1.134s1.037.607 1.454.66a5 5 0 0 0-.45 3.175c.181.957.914 1.562 1.602 1.848l3.696 1.53c.689.285 1.634.375 2.44-.174M8 10.999a1 1 0 1 0 0-2a1 1 0 0 0 0 2m10.259-.697a4 4 0 0 0 1.708-2.781a4 4 0 1 0-7.899.217q.038.195.13.365q.075.14.18.26c.182.21.426.374.692.485l3.696 1.53c.49.203 1.055.223 1.493-.076"/></svg>
React
import type { SVGProps } from "react";
export function FluentSavings24Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.823 11.128a5 5 0 0 0 1.966-2.692q.15.204.282.423c.604.999.929 2.204.929 3.64c0 2.207-.833 3.75-1.68 4.739A6.7 6.7 0 0 1 19 18.42v1.829A1.75 1.75 0 0 1 17.25 22H16a1.5 1.5 0 0 1-1.5-1.5h-2A1.5 1.5 0 0 1 11 22H9.75A1.75 1.75 0 0 1 8 20.25v-.683a7 7 0 0 1-.464-.175A6.5 6.5 0 0 1 5.47 18.03a10 10 0 0 1-1.605-2.131a.49.49 0 0 0-.329-.258A1.84 1.84 0 0 1 2 13.828v-1.753c0-.843.61-1.562 1.44-1.7c.087-.015.216-.102.277-.284c.192-.577.565-1.434 1.253-2.122a8 8 0 0 1 1.658-1.246q.206-.117.372-.2V3.67c0-.938 1.13-1.323 1.74-.716c.33.329.81.767 1.341 1.134s1.037.607 1.454.66a5 5 0 0 0-.45 3.175c.181.957.914 1.562 1.602 1.848l3.696 1.53c.689.285 1.634.375 2.44-.174M8 10.999a1 1 0 1 0 0-2a1 1 0 0 0 0 2m10.259-.697a4 4 0 0 0 1.708-2.781a4 4 0 1 0-7.899.217q.038.195.13.365q.075.14.18.26c.182.21.426.374.692.485l3.696 1.53c.49.203 1.055.223 1.493-.076"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.823 11.128a5 5 0 0 0 1.966-2.692q.15.204.282.423c.604.999.929 2.204.929 3.64c0 2.207-.833 3.75-1.68 4.739A6.7 6.7 0 0 1 19 18.42v1.829A1.75 1.75 0 0 1 17.25 22H16a1.5 1.5 0 0 1-1.5-1.5h-2A1.5 1.5 0 0 1 11 22H9.75A1.75 1.75 0 0 1 8 20.25v-.683a7 7 0 0 1-.464-.175A6.5 6.5 0 0 1 5.47 18.03a10 10 0 0 1-1.605-2.131a.49.49 0 0 0-.329-.258A1.84 1.84 0 0 1 2 13.828v-1.753c0-.843.61-1.562 1.44-1.7c.087-.015.216-.102.277-.284c.192-.577.565-1.434 1.253-2.122a8 8 0 0 1 1.658-1.246q.206-.117.372-.2V3.67c0-.938 1.13-1.323 1.74-.716c.33.329.81.767 1.341 1.134s1.037.607 1.454.66a5 5 0 0 0-.45 3.175c.181.957.914 1.562 1.602 1.848l3.696 1.53c.689.285 1.634.375 2.44-.174M8 10.999a1 1 0 1 0 0-2a1 1 0 0 0 0 2m10.259-.697a4 4 0 0 0 1.708-2.781a4 4 0 1 0-7.899.217q.038.195.13.365q.075.14.18.26c.182.21.426.374.692.485l3.696 1.53c.49.203 1.055.223 1.493-.076"/></svg> </template>
CSS
.icon-savings-24-filled {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18.823%2011.128a5%205%200%200%200%201.966-2.692q.15.204.282.423c.604.999.929%202.204.929%203.64c0%202.207-.833%203.75-1.68%204.739A6.7%206.7%200%200%201%2019%2018.42v1.829A1.75%201.75%200%200%201%2017.25%2022H16a1.5%201.5%200%200%201-1.5-1.5h-2A1.5%201.5%200%200%201%2011%2022H9.75A1.75%201.75%200%200%201%208%2020.25v-.683a7%207%200%200%201-.464-.175A6.5%206.5%200%200%201%205.47%2018.03a10%2010%200%200%201-1.605-2.131a.49.49%200%200%200-.329-.258A1.84%201.84%200%200%201%202%2013.828v-1.753c0-.843.61-1.562%201.44-1.7c.087-.015.216-.102.277-.284c.192-.577.565-1.434%201.253-2.122a8%208%200%200%201%201.658-1.246q.206-.117.372-.2V3.67c0-.938%201.13-1.323%201.74-.716c.33.329.81.767%201.341%201.134s1.037.607%201.454.66a5%205%200%200%200-.45%203.175c.181.957.914%201.562%201.602%201.848l3.696%201.53c.689.285%201.634.375%202.44-.174M8%2010.999a1%201%200%201%200%200-2a1%201%200%200%200%200%202m10.259-.697a4%204%200%200%200%201.708-2.781a4%204%200%201%200-7.899.217q.038.195.13.365q.075.14.18.26c.182.21.426.374.692.485l3.696%201.53c.49.203%201.055.223%201.493-.076%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18.823%2011.128a5%205%200%200%200%201.966-2.692q.15.204.282.423c.604.999.929%202.204.929%203.64c0%202.207-.833%203.75-1.68%204.739A6.7%206.7%200%200%201%2019%2018.42v1.829A1.75%201.75%200%200%201%2017.25%2022H16a1.5%201.5%200%200%201-1.5-1.5h-2A1.5%201.5%200%200%201%2011%2022H9.75A1.75%201.75%200%200%201%208%2020.25v-.683a7%207%200%200%201-.464-.175A6.5%206.5%200%200%201%205.47%2018.03a10%2010%200%200%201-1.605-2.131a.49.49%200%200%200-.329-.258A1.84%201.84%200%200%201%202%2013.828v-1.753c0-.843.61-1.562%201.44-1.7c.087-.015.216-.102.277-.284c.192-.577.565-1.434%201.253-2.122a8%208%200%200%201%201.658-1.246q.206-.117.372-.2V3.67c0-.938%201.13-1.323%201.74-.716c.33.329.81.767%201.341%201.134s1.037.607%201.454.66a5%205%200%200%200-.45%203.175c.181.957.914%201.562%201.602%201.848l3.696%201.53c.689.285%201.634.375%202.44-.174M8%2010.999a1%201%200%201%200%200-2a1%201%200%200%200%200%202m10.259-.697a4%204%200%200%200%201.708-2.781a4%204%200%201%200-7.899.217q.038.195.13.365q.075.14.18.26c.182.21.426.374.692.485l3.696%201.53c.49.203%201.055.223%201.493-.076%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/savings-24-filled.svg?color=%231a73e8&size=48
