Home/Libraries/SVG Logos (Iconify)/sagui

SVG Logos (Iconify)

Sagui

License: CC0-1.0Commercial Safe

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 256 221"><path fill="#818cf8" d="M229.751 133.349c16.21-6.823 27.136-20.833 26.192-39.027c-.262-5.052-1.39-10.051-3.266-14.74c-1.732-4.33-4.525-7.953-6.513-12.115c-4.09-8.563-5.966-18.064-9.357-26.904C222.219 2.535 174.387-9 139.822 6.996c-15.511 7.177-27.487 20.022-35.141 35.266c11.86-4.117 25.286-1.72 35.037 6.229a45 45 0 0 0-1.113 1.6c-16.273-12.049-40.026-6.437-49.458 11.501c-9.117 17.34-1.144 39.548 16.813 47.062c10.88 4.552 23.627 2.917 33.021-4.243q.609.743 1.254 1.453c-10.939 9.25-26.695 11.27-39.562 5.002c4.662 7.525 11.196 13.712 18.648 18.375c-5.517 10.082-9.26 21.438-9.525 33.023c-.24 10.53.323 21.904 4.101 31.836c-9.59-.235-20.579-2.061-27.318-9.643c-6.366-7.161-7.588-17.639-7.573-26.865c.018-11.377 2.512-22.272 4.025-33.469c1.506-11.149.533-22.82-4.19-33.115c-9.504-20.712-35.104-32.883-56.423-23.139c-20.84 9.527-30.921 38.027-13.55 55.816c7.073 7.242 17.837 11.076 27.695 8.1c9.237-2.787 16.607-11.196 17.546-20.993c.937-9.779-5.72-20.028-15.517-22.039c-4.967-1.019-9.753 2.747-9.411 8.013a7.75 7.75 0 0 0 3.231 5.781c2.08 1.465 4.724 1.373 5.984 3.935c2.408 4.895-3.011 10.122-7.45 10.83c-5.349.851-10.818-2.976-13.508-7.399c-6.243-10.263 1.01-23.045 10.766-27.774c9.37-4.542 20.627-1.854 28.465 4.582c6.786 5.573 10.497 13.911 11.477 22.566c1.227 10.833-2.042 21.522-3.34 32.203c-1.296 10.666-1.804 21.7.399 32.283c2.036 9.783 6.676 18.895 14.483 25.235c7.797 6.333 17.659 9.189 27.488 10.14c6.163.595 12.38.478 18.544-.032c2.864 1.785 6.216 3.158 10.12 4.1c1.396 4.566 5.592 7.75 10.41 7.75h97.738c12.079 0 12.157-14.762 10.653-23.419c-1.561-8.988-6.146-17.302-13.758-22.44c-.056-16.002-4.593-29.065-11.132-41.758m-97.444-42.8c-2.86 3.007-6.874 4.891-11.322 4.891c-8.662 0-15.708-7.11-15.708-15.85s7.046-15.85 15.708-15.85c4.286 0 8.173 1.746 11.01 4.564c-.497 3.512-.743 7.406-.743 11.818c0 3.895.368 7.34 1.055 10.426m36.102 1.082c1.556-8.05 7.113-15.059 10.585-22.369c3.04-6.403 4.982-13.44 9.032-19.302c7.335-10.618 19.81-16.977 32.64-16.402c6.414 8.872 8.682 19.617 12.199 29.82c1.546 4.483 3.224 8.927 5.759 12.946c2.992 4.744 5.258 9.707 6.096 15.315l-2.664-.861c-3.967-1.614-6.502 4.538-3.89 7.174l5.13 5.175c.285.288.605.513.938.709c-4.507 17.813-25.5 23.019-41.254 24.605c-18.311-1.195-38.541-16.272-34.571-36.81m52.441 116.686h-73.194c-.25-2.539-.56-4.866 1.028-6.988c1.754-2.343 4.682-3.87 7.243-5.107c7.821-3.774 16.589-5.788 25.098-7.205c8.746-1.456 18.843-2.98 27.456-.16c8.205 2.686 13.69 10.59 12.37 19.46m3.35-3.43c-.802-11.936-9.601-19.248-20.997-20.504c7.359-.548 15.442-.549 21.501 4.356c5.527 4.473 8.007 12.61 7.02 19.578h-7.581c.134-1.142.133-2.284.056-3.43m9.571-8.257c-2.357-7.418-8.163-12.668-15.567-14.68c7.223-.2 14.638 1.24 19.464 7.134c4.153 5.07 5.819 12.764 4.942 19.233h-7.595c.454-3.864-.07-7.993-1.244-11.687m-1.51-22.867c0 2.323-.19 4.677-.626 6.96c-4.198-1.728-8.729-2.219-13.229-2.068c-3.567-12.674-1.702-26.821 5.421-37.91c4.741 10.207 8.434 21.636 8.434 33.018m-23.878-94.658c-.213-6.983 3.599-12.767 8.515-12.92c4.916-.152 9.074 5.384 9.287 12.366s-3.599 12.766-8.515 12.92c-4.916.152-9.074-5.384-9.287-12.366"/></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. SaguiIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC0-1.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.