Home/Libraries/Ultimate color icons (Iconify)/saving-dog-guard-decrease

Ultimate color icons (Iconify)

SavingDogGuardDecrease

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"><g fill="none"><path fill="#818cf8" d="M5.26 21.844a18.3 18.3 0 0 1-2.728-1.505a5.005 5.005 0 0 1-.455-6.704v-1.9a1.72 1.72 0 0 1 1.614-1.615c1.078 0 1.615 1.615 1.615 1.615H9.61s.541-1.615 1.617-1.615a1.72 1.72 0 0 1 1.615 1.615v1.97q.069.09.133.183a5 5 0 0 1-.16 5.916a14.8 14.8 0 0 1-3.34 2.276z"/><path fill="#818cf8" d="M7.43 19.459a7.63 7.63 0 0 1-6.373-3.471q-.026.172-.041.346a5 5 0 0 0 1.516 4.005a18.3 18.3 0 0 0 2.73 1.505l4.208.236a14.8 14.8 0 0 0 3.34-2.276a5 5 0 0 0 .994-3.815a7.63 7.63 0 0 1-6.373 3.47"/><path stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" d="M5.26 21.844a18.3 18.3 0 0 1-2.728-1.505a5.005 5.005 0 0 1-.455-6.704a1.72 1.72 0 0 1 1.614-1.614c1.078-1.9 1.615-.286 1.615-.286H9.61s.541-1.615 1.617-1.615a1.72 1.72 0 0 1 1.615 1.615v1.97q.069.09.133.183a5 5 0 0 1-.16 5.916a14.8 14.8 0 0 1-3.34 2.276z"/><path fill="gray" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" d="M9.139 16.557a5.5 5.5 0 0 1-1.683.555a5.5 5.5 0 0 1-1.674-.555l.152-.516a1.617 1.617 0 0 1 3.05 0z"/><path fill="#818cf8" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" d="M10.152 20.345a2.693 2.693 0 0 1-5.384 0q0-.271.057-.536l.956-3.252c.525.274 1.09.462 1.674.555a5.5 5.5 0 0 0 1.684-.555l.956 3.252q.057.264.057.536"/><path stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" d="M7.46 17.114v2.152a1.156 1.156 0 0 0 1.075 1.077h1.614m-2.69-1.077a1.16 1.16 0 0 1-1.076 1.077H4.769m6.993-7.681a5 5 0 0 1 1.077 1.044m-10.762-.071a5 5 0 0 1 1.075-1.01M2.437 1.034l4.122 4.12a1.91 1.91 0 0 0 1.59.543l5.765-.717a1.91 1.91 0 0 1 1.626.585L23 13.468"/><path stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" d="M17.74 13.468H23v-5.26"/><path stroke="#818cf8" d="M4.768 14.663a.24.24 0 1 1 0-.478m0 .478a.24.24 0 1 0 0-.478m5.384.478a.239.239 0 1 1 0-.478m0 .478a.24.24 0 0 0 0-.478"/></g></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. SavingDogGuardDecreaseIcon.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.