savings icon
savings-32 from Fluent UI System Color Icons by Microsoft Corporation · 32 · MIT Free for personal and commercial use.
- Name
- savings-32
- Set
- Fluent UI System Color Icons
- Style
- 32
- Viewbox
- 32×32
- License
- MIT
3 other variants in Fluent UI System Color 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 32 32"><g fill="none"><path fill="url(#SVGbL0cpeEJ)" d="M11.681 2.543C10.807 1.493 9 2.046 9 3.503v4.36c-1.949 1.118-3.477 2.773-4.309 5.015c-.072.193-.206.288-.311.31A2.995 2.995 0 0 0 2 16.119v1.76c0 1.417.993 2.64 2.38 2.932c.104.022.24.117.311.31c.832 2.243 2.36 3.897 4.309 5.016V27a3 3 0 0 0 3 3h2a2 2 0 0 0 2-2h4a2 2 0 0 0 2 2h2a3 3 0 0 0 3-3v-2.85c1.863-1.875 3-4.341 3-7.15c0-6.53-6.018-11-13-11h-.214c-.851-.077-1.537-.274-2.271-.737c-.779-.49-1.659-1.31-2.834-2.72"/><path fill="url(#SVGGIix5cvy)" d="M12 13.5a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0"/><path fill="#9f1459" d="M13.878 9.212a1.793 1.793 0 0 1 2.342-.973l11.005 4.544a1.793 1.793 0 1 1-1.368 3.314l-11.006-4.544a1.793 1.793 0 0 1-.973-2.341"/><path fill="url(#SVGirMRsvuI)" d="M24.316 15.46a5.97 5.97 0 0 0-2.305-11.475a5.97 5.97 0 0 0-5.52 8.245z"/><path fill="url(#SVGS2cQ3FZU)" fill-opacity=".8" d="M24.316 15.46a5.97 5.97 0 0 0-2.305-11.475a5.97 5.97 0 0 0-5.52 8.245z"/><defs><radialGradient id="SVGbL0cpeEJ" cx="0" cy="0" r="1" gradientTransform="rotate(74.582 2.168 9.319)scale(27.3177 27.4525)" gradientUnits="userSpaceOnUse"><stop stop-color="#f08af4"/><stop offset=".581" stop-color="#e869ce"/><stop offset="1" stop-color="#d7257d"/></radialGradient><radialGradient id="SVGGIix5cvy" cx="0" cy="0" r="1" gradientTransform="rotate(59.532 -6.25 15.057)scale(2.54187)" gradientUnits="userSpaceOnUse"><stop stop-color="#b91d6b"/><stop offset="1" stop-color="#670938"/></radialGradient><linearGradient id="SVGirMRsvuI" x1="26.107" x2="17.013" y1="14.162" y2="6.416" gradientUnits="userSpaceOnUse"><stop stop-color="#ff8a69"/><stop offset="1" stop-color="#ffcd0f"/></linearGradient><linearGradient id="SVGS2cQ3FZU" x1="23.783" x2="19.866" y1="4.638" y2="14.057" gradientUnits="userSpaceOnUse"><stop offset=".67" stop-color="#fb5937" stop-opacity="0"/><stop offset="1" stop-color="#cd3e1d"/></linearGradient></defs></g></svg>
React
import type { SVGProps } from "react";
export function FluentColorSavings32(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="url(#SVGbL0cpeEJ)" d="M11.681 2.543C10.807 1.493 9 2.046 9 3.503v4.36c-1.949 1.118-3.477 2.773-4.309 5.015c-.072.193-.206.288-.311.31A2.995 2.995 0 0 0 2 16.119v1.76c0 1.417.993 2.64 2.38 2.932c.104.022.24.117.311.31c.832 2.243 2.36 3.897 4.309 5.016V27a3 3 0 0 0 3 3h2a2 2 0 0 0 2-2h4a2 2 0 0 0 2 2h2a3 3 0 0 0 3-3v-2.85c1.863-1.875 3-4.341 3-7.15c0-6.53-6.018-11-13-11h-.214c-.851-.077-1.537-.274-2.271-.737c-.779-.49-1.659-1.31-2.834-2.72"/><path fill="url(#SVGGIix5cvy)" d="M12 13.5a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0"/><path fill="#9f1459" d="M13.878 9.212a1.793 1.793 0 0 1 2.342-.973l11.005 4.544a1.793 1.793 0 1 1-1.368 3.314l-11.006-4.544a1.793 1.793 0 0 1-.973-2.341"/><path fill="url(#SVGirMRsvuI)" d="M24.316 15.46a5.97 5.97 0 0 0-2.305-11.475a5.97 5.97 0 0 0-5.52 8.245z"/><path fill="url(#SVGS2cQ3FZU)" fillOpacity=".8" d="M24.316 15.46a5.97 5.97 0 0 0-2.305-11.475a5.97 5.97 0 0 0-5.52 8.245z"/><defs><radialGradient id="SVGbL0cpeEJ" cx="0" cy="0" r="1" gradientTransform="rotate(74.582 2.168 9.319)scale(27.3177 27.4525)" gradientUnits="userSpaceOnUse"><stop stopColor="#f08af4"/><stop offset=".581" stopColor="#e869ce"/><stop offset="1" stopColor="#d7257d"/></radialGradient><radialGradient id="SVGGIix5cvy" cx="0" cy="0" r="1" gradientTransform="rotate(59.532 -6.25 15.057)scale(2.54187)" gradientUnits="userSpaceOnUse"><stop stopColor="#b91d6b"/><stop offset="1" stopColor="#670938"/></radialGradient><linearGradient id="SVGirMRsvuI" x1="26.107" x2="17.013" y1="14.162" y2="6.416" gradientUnits="userSpaceOnUse"><stop stopColor="#ff8a69"/><stop offset="1" stopColor="#ffcd0f"/></linearGradient><linearGradient id="SVGS2cQ3FZU" x1="23.783" x2="19.866" y1="4.638" y2="14.057" gradientUnits="userSpaceOnUse"><stop offset=".67" stopColor="#fb5937" stopOpacity="0"/><stop offset="1" stopColor="#cd3e1d"/></linearGradient></defs></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="url(#SVGbL0cpeEJ)" d="M11.681 2.543C10.807 1.493 9 2.046 9 3.503v4.36c-1.949 1.118-3.477 2.773-4.309 5.015c-.072.193-.206.288-.311.31A2.995 2.995 0 0 0 2 16.119v1.76c0 1.417.993 2.64 2.38 2.932c.104.022.24.117.311.31c.832 2.243 2.36 3.897 4.309 5.016V27a3 3 0 0 0 3 3h2a2 2 0 0 0 2-2h4a2 2 0 0 0 2 2h2a3 3 0 0 0 3-3v-2.85c1.863-1.875 3-4.341 3-7.15c0-6.53-6.018-11-13-11h-.214c-.851-.077-1.537-.274-2.271-.737c-.779-.49-1.659-1.31-2.834-2.72"/><path fill="url(#SVGGIix5cvy)" d="M12 13.5a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0"/><path fill="#9f1459" d="M13.878 9.212a1.793 1.793 0 0 1 2.342-.973l11.005 4.544a1.793 1.793 0 1 1-1.368 3.314l-11.006-4.544a1.793 1.793 0 0 1-.973-2.341"/><path fill="url(#SVGirMRsvuI)" d="M24.316 15.46a5.97 5.97 0 0 0-2.305-11.475a5.97 5.97 0 0 0-5.52 8.245z"/><path fill="url(#SVGS2cQ3FZU)" fill-opacity=".8" d="M24.316 15.46a5.97 5.97 0 0 0-2.305-11.475a5.97 5.97 0 0 0-5.52 8.245z"/><defs><radialGradient id="SVGbL0cpeEJ" cx="0" cy="0" r="1" gradientTransform="rotate(74.582 2.168 9.319)scale(27.3177 27.4525)" gradientUnits="userSpaceOnUse"><stop stop-color="#f08af4"/><stop offset=".581" stop-color="#e869ce"/><stop offset="1" stop-color="#d7257d"/></radialGradient><radialGradient id="SVGGIix5cvy" cx="0" cy="0" r="1" gradientTransform="rotate(59.532 -6.25 15.057)scale(2.54187)" gradientUnits="userSpaceOnUse"><stop stop-color="#b91d6b"/><stop offset="1" stop-color="#670938"/></radialGradient><linearGradient id="SVGirMRsvuI" x1="26.107" x2="17.013" y1="14.162" y2="6.416" gradientUnits="userSpaceOnUse"><stop stop-color="#ff8a69"/><stop offset="1" stop-color="#ffcd0f"/></linearGradient><linearGradient id="SVGS2cQ3FZU" x1="23.783" x2="19.866" y1="4.638" y2="14.057" gradientUnits="userSpaceOnUse"><stop offset=".67" stop-color="#fb5937" stop-opacity="0"/><stop offset="1" stop-color="#cd3e1d"/></linearGradient></defs></g></svg> </template>
CSS
.icon-savings-32 {
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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22url(%23SVGbL0cpeEJ)%22%20d%3D%22M11.681%202.543C10.807%201.493%209%202.046%209%203.503v4.36c-1.949%201.118-3.477%202.773-4.309%205.015c-.072.193-.206.288-.311.31A2.995%202.995%200%200%200%202%2016.119v1.76c0%201.417.993%202.64%202.38%202.932c.104.022.24.117.311.31c.832%202.243%202.36%203.897%204.309%205.016V27a3%203%200%200%200%203%203h2a2%202%200%200%200%202-2h4a2%202%200%200%200%202%202h2a3%203%200%200%200%203-3v-2.85c1.863-1.875%203-4.341%203-7.15c0-6.53-6.018-11-13-11h-.214c-.851-.077-1.537-.274-2.271-.737c-.779-.49-1.659-1.31-2.834-2.72%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGGIix5cvy)%22%20d%3D%22M12%2013.5a1.5%201.5%200%201%201-3%200a1.5%201.5%200%200%201%203%200%22%2F%3E%3Cpath%20fill%3D%22%239f1459%22%20d%3D%22M13.878%209.212a1.793%201.793%200%200%201%202.342-.973l11.005%204.544a1.793%201.793%200%201%201-1.368%203.314l-11.006-4.544a1.793%201.793%200%200%201-.973-2.341%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGirMRsvuI)%22%20d%3D%22M24.316%2015.46a5.97%205.97%200%200%200-2.305-11.475a5.97%205.97%200%200%200-5.52%208.245z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGS2cQ3FZU)%22%20fill-opacity%3D%22.8%22%20d%3D%22M24.316%2015.46a5.97%205.97%200%200%200-2.305-11.475a5.97%205.97%200%200%200-5.52%208.245z%22%2F%3E%3Cdefs%3E%3CradialGradient%20id%3D%22SVGbL0cpeEJ%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(74.582%202.168%209.319)scale(27.3177%2027.4525)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23f08af4%22%2F%3E%3Cstop%20offset%3D%22.581%22%20stop-color%3D%22%23e869ce%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23d7257d%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22SVGGIix5cvy%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(59.532%20-6.25%2015.057)scale(2.54187)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23b91d6b%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23670938%22%2F%3E%3C%2FradialGradient%3E%3ClinearGradient%20id%3D%22SVGirMRsvuI%22%20x1%3D%2226.107%22%20x2%3D%2217.013%22%20y1%3D%2214.162%22%20y2%3D%226.416%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23ff8a69%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ffcd0f%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGS2cQ3FZU%22%20x1%3D%2223.783%22%20x2%3D%2219.866%22%20y1%3D%224.638%22%20y2%3D%2214.057%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.67%22%20stop-color%3D%22%23fb5937%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23cd3e1d%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22url(%23SVGbL0cpeEJ)%22%20d%3D%22M11.681%202.543C10.807%201.493%209%202.046%209%203.503v4.36c-1.949%201.118-3.477%202.773-4.309%205.015c-.072.193-.206.288-.311.31A2.995%202.995%200%200%200%202%2016.119v1.76c0%201.417.993%202.64%202.38%202.932c.104.022.24.117.311.31c.832%202.243%202.36%203.897%204.309%205.016V27a3%203%200%200%200%203%203h2a2%202%200%200%200%202-2h4a2%202%200%200%200%202%202h2a3%203%200%200%200%203-3v-2.85c1.863-1.875%203-4.341%203-7.15c0-6.53-6.018-11-13-11h-.214c-.851-.077-1.537-.274-2.271-.737c-.779-.49-1.659-1.31-2.834-2.72%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGGIix5cvy)%22%20d%3D%22M12%2013.5a1.5%201.5%200%201%201-3%200a1.5%201.5%200%200%201%203%200%22%2F%3E%3Cpath%20fill%3D%22%239f1459%22%20d%3D%22M13.878%209.212a1.793%201.793%200%200%201%202.342-.973l11.005%204.544a1.793%201.793%200%201%201-1.368%203.314l-11.006-4.544a1.793%201.793%200%200%201-.973-2.341%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGirMRsvuI)%22%20d%3D%22M24.316%2015.46a5.97%205.97%200%200%200-2.305-11.475a5.97%205.97%200%200%200-5.52%208.245z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGS2cQ3FZU)%22%20fill-opacity%3D%22.8%22%20d%3D%22M24.316%2015.46a5.97%205.97%200%200%200-2.305-11.475a5.97%205.97%200%200%200-5.52%208.245z%22%2F%3E%3Cdefs%3E%3CradialGradient%20id%3D%22SVGbL0cpeEJ%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(74.582%202.168%209.319)scale(27.3177%2027.4525)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23f08af4%22%2F%3E%3Cstop%20offset%3D%22.581%22%20stop-color%3D%22%23e869ce%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23d7257d%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22SVGGIix5cvy%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(59.532%20-6.25%2015.057)scale(2.54187)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23b91d6b%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23670938%22%2F%3E%3C%2FradialGradient%3E%3ClinearGradient%20id%3D%22SVGirMRsvuI%22%20x1%3D%2226.107%22%20x2%3D%2217.013%22%20y1%3D%2214.162%22%20y2%3D%226.416%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23ff8a69%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ffcd0f%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGS2cQ3FZU%22%20x1%3D%2223.783%22%20x2%3D%2219.866%22%20y1%3D%224.638%22%20y2%3D%2214.057%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.67%22%20stop-color%3D%22%23fb5937%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23cd3e1d%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-color/savings-32.svg?color=%231a73e8&size=48
