Menu

Beta
Sign in
Savings Jar SVG icon, 3d

Savings Jar SVG icon, 3d

A savings jar represents setting money aside toward a goal. Use it in a personal finance app’s savings tracker or a bank website’s savings account section.

Free · from Finance Icons, 3D

Similar SVGs

More from Finance Icons, 3D

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/McZvCHN8BJw8/amnt.svg" alt="Savings Jar" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512"><defs><linearGradient id="g0" gradientUnits="userSpaceOnUse" x1="155" y1="193" x2="359" y2="404"><stop offset="0" stop-color="#ffd9bf"/><stop offset="0.55" stop-color="#f5bd9d"/><stop offset="1" stop-color="#e5a184"/></linearGradient><linearGradient id="g1" gradientUnits="userSpaceOnUse" x1="184" y1="148" x2="313" y2="200"><stop offset="0" stop-color="#acd9cc"/><stop offset="1" stop-color="#70ad9f"/></linearGradient><linearGradient id="g2" gradientUnits="userSpaceOnUse" x1="236" y1="71" x2="278" y2="129"><stop offset="0" stop-color="#ffe4bc"/><stop offset="1" stop-color="#edb880"/></linearGradient></defs><g id="layer-1" data-name="Ellipse 1" opacity="0.17"><g fill="none"><defs><filter id="k0_0" x="102" y="388" width="308" height="64" filterUnits="userSpaceOnUse"><feGaussianBlur stdDeviation="9"/></filter></defs><ellipse cx="256" cy="420" rx="130" ry="10" fill="#866c5d" filter="url(#k0_0)"/></g></g><g id="layer-2" data-name="Group 2"><path d="M181 188L181 207C181 219 155 225 143 246C134 263 132 287 132 311L132 365C132 398 153 417 186 417L326 417C359 417 380 398 380 365L380 311C380 287 378 263 369 246C357 225 331 219 331 207L331 188Z" fill="url(#g0) #f5bd9d" stroke="#b7836d" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/><path d="M158 287C158 263 164 254 181 244" fill="none" stroke="#ffe7d1" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/><path d="M159 311L159 330" fill="none" stroke="#ffe7d1" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/><path d="M178 390C184 393 191 394 202 394L314 394C324 394 332 392 338 388" fill="none" opacity="0.6" stroke="#d89b7d" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/><path d="M182 150L330 150C339.94 150 348 158.06 348 168L348 181C348 190.94 339.94 199 330 199L182 199C172.06 199 164 190.94 164 181L164 168C164 158.06 172.06 150 182 150Z" fill="url(#g1) #70ad9f" stroke="#588e83" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/><path d="M190 163L321 163" fill="none" opacity="0.8" stroke="#d0e8dc" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/><path d="M222 177L290 177" fill="none" stroke="#588e83" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/><path d="M292 99C292 118.88 275.88 135 256 135C236.12 135 220 118.88 220 99C220 79.12 236.12 63 256 63C275.88 63 292 79.12 292 99Z" fill="url(#g2) #edb880" stroke="#b7836d" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/><path d="M267 86L251 86C245 86 242 89 242 94C242 99 246 101 253 101L259 101C266 101 270 104 270 109C270 114 266 117 260 117L244 117M256 80L256 123" fill="none" stroke="#b7836d" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/><path d="M311 309C311 339.38 286.38 364 256 364C225.62 364 201 339.38 201 309C201 278.62 225.62 254 256 254C286.38 254 311 278.62 311 309Z" fill="#87bdaf" stroke="#588e83" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/><path d="M269 287L248 287C240 287 235 292 235 298C235 305 240 309 250 309L260 309C270 309 275 313 275 320C275 327 270 332 262 332L241 332M255 279L255 340" fill="none" stroke="#fce0c4" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/></g></svg>
CSS background-image
.savings-jar {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/McZvCHN8BJw8/amnt.svg");
  background-size: contain;
}
React
import SavingsJarSvg from "./savings-jar.jsx"; // from the React tab above

<SavingsJarSvg width={48} height={48} />

Tags

savingsjarmoneygoal

Made with AMNT

AMNT SVG Pro 1.1 drew this from the words Savings jar. friendly rounded clay-like 3D form, matte surface, gentle shading, soft contact shadow, warm peach and teal palette, centered, no background, readable at small size. as part of the pack Finance Icons, 3D. Want one like it? Make your own in the SVG studio.

Licence: free. A Free account may use it for personal work; Pro and Max download it with a commercial licence, fixed at download, forever. No credit needed. Read the licence

Settings