Home/Libraries/Freehand free icons (Iconify)/saving-bag-increase

Freehand free icons (Iconify)

SavingBagIncrease

License: CC-BY-4.0

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><path fill="#818cf8" fill-rule="evenodd" d="M6.174 15.08a5.45 5.45 0 0 0-3.69.13C.808 15.858.38 17.065.599 17.963c-.19.453-.252.95-.18 1.436c.35 2.703 4.269 3.161 6.323 1.675a2.6 2.6 0 0 0 .868-2.922a2.344 2.344 0 0 0-1.436-3.071m-3.43.888a4.44 4.44 0 0 1 2.991.11a1.47 1.47 0 0 1 .947 1.197c.05 1.396-2.413 2.224-4.288 1.466c-1.546-.639-1.636-2.204.35-2.773m3.48 4.299c-1.197.688-4.917 1.116-5.077-1.387a4.72 4.72 0 0 0 5.874.13a1.49 1.49 0 0 1-.797 1.256m14.271-8.577c-2.064-.788-6.183.279-5.635 2.423a2.24 2.24 0 0 0 .33 2.523c1.804 1.995 7.17 1.995 6.661-2.164c.509-.937.13-2.144-1.356-2.782m-3.39.788a5.2 5.2 0 0 1 2.991.209c2.384 1.077-.548 2.992-3.36 2.064c-1.686-.538-1.736-1.844.368-2.273m3.07 4.039c-1.336.608-4.786.309-4.796-1.596a5.27 5.27 0 0 0 5.794.32a1.56 1.56 0 0 1-.997 1.276m-4.517 3.44c.35-.997-.2-2.144-1.775-2.523c-2.134-.439-6.064 1.257-5.186 3.301a2.25 2.25 0 0 0 .728 2.444a4.73 4.73 0 0 0 4.189.568a2.823 2.823 0 0 0 2.044-3.79m-4.986-1.196a5.2 5.2 0 0 1 2.991-.28c2.524.678-.08 2.992-2.991 2.593c-1.875-.319-1.865-1.645-.01-2.353zm3.66 3.48c-1.287.868-4.688 1.047-4.987-.788a5.3 5.3 0 0 0 5.775-.628a1.58 1.58 0 0 1-.798 1.376zM23.138.011c-.998-.17-4.05 1.596-4.07 1.676c-.298.997 2.354-.12 3.112-.38c-1.835 2.993-2.902 4.06-3.081 4.519c-.18.458-1.047-.718-1.277-.828C15.558 3.412 15 4.19 13.374 6.693a.3.3 0 0 0 .489.34a11.4 11.4 0 0 1 1.665-1.796c.619-.528 1.806.998 2.922 1.596a1 1 0 0 0 1.217-.07c.938-.828 2.543-3.89 3.092-4.986l.22 2.034a.338.338 0 0 0 .593.276a.34.34 0 0 0 .074-.276c.13-2.583.33-3.61-.508-3.8M1.487 13.355a3.2 3.2 0 0 1-.36-1.316A7.53 7.53 0 0 1 3.172 7.61c1.316-1.386 1.516-.728 1.995-1.107a.3.3 0 0 0 0-.419c-.27-.379-.998-.11-1.417.07C1.038 7.292-.837 11.21.918 13.705a.334.334 0 1 0 .569-.35m6.203-7.12a4.99 4.99 0 0 1 3.929 5.285a6 6 0 0 1-1.266 3.271c-.3.25.09.698.388.45a6.67 6.67 0 0 0 1.905-3.531c.688-2.992-1.885-5.874-4.877-6.144a.34.34 0 0 0-.08.669M3.69 4.848c.659.708.838.908.998.938a.28.28 0 0 0 .339-.08c.339-.369-2.354-2.643-1.456-3.211a1 1 0 0 1 1.207.24c.508.597.548.677.668.747a.69.69 0 0 0 .838-.17c.269-.279.299-.598.887-.997c.2-.15.608-.369.768-.18c.33.4.07.838.29 1.178a.49.49 0 0 0 .647.199q.234-.15.44-.34c.08-.059.308-.099.428-.189a4 4 0 0 1-.628 1.815a.34.34 0 0 0 .598.32c.301-.497.54-1.03.708-1.586c.093-.307.113-.631.06-.948c-.09-.518-.548-.847-1.446-.398C8.736.7 7.161.35 5.735 2.056c-.08.1 0 .2-.28-.16a1.995 1.995 0 0 0-2.492-.19c-1.157.898-.25 2.095.728 3.142m3.271 5.555c-.4-.14-.718-.16-1.397-.389c-.16-.21.48-.907.798-.897l.878.349a.3.3 0 1 0 .11-.589c-.27-.07-.3-.299-.788-.448a1.11 1.11 0 0 0-.42-1.387c-.228 0-.797.698-.438 1.476c-1.336.579-1.835 2.135-.19 2.673a6.4 6.4 0 0 1 1.776.598c.08 0-.13.14-.24.18a4.4 4.4 0 0 1-1.645.24a.34.34 0 0 0-.09.668q.395.075.798.07c-.17.568.349 1.376.648 1.336s.619-1.057.24-1.416h.319c1.256-.36 1.446-1.836-.36-2.464" clip-rule="evenodd"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. SavingBagIncreaseIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-4.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.