Home/Libraries/SVG Logos (Iconify)/spree

SVG Logos (Iconify)

Spree

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 512 209"><path fill="#818cf8" d="M193.937 171.926c-9.462 0-20.576-4.353-25.383-11.564c-1.05-1.352-1.501-2.853-1.501-4.506c0-4.054 3.755-7.51 7.81-7.51c2.103 0 4.056 1.05 6.007 3.306c3.004 3.753 7.36 5.556 13.067 5.556c10.064 0 15.921-5.857 15.921-12.016c0-6.607-6.609-11.114-14.868-14.118c-8.261-3.003-17.124-5.858-22.98-13.217c-2.854-3.755-4.356-8.26-4.356-13.817c0-15.47 12.916-24.482 27.336-24.482c9.611 0 20.125 5.256 25.382 13.217a7.7 7.7 0 0 1 1.201 4.205c0 4.205-3.605 7.51-7.81 7.51c-2.253 0-4.205-1.202-6.007-3.604c-3.155-4.357-7.36-6.61-12.766-6.61c-7.812 0-12.317 4.357-12.317 9.764c0 5.558 6.609 9.312 14.87 12.316c8.26 3.155 17.122 6.31 22.98 14.268c2.853 4.056 4.354 8.861 4.354 14.568c0 16.071-14.267 26.734-30.94 26.734m57.033 21.24c0 4.666-3.46 7.525-7.523 7.525s-7.524-2.859-7.524-7.525V111.91c0-17.906 14.445-32.35 32.352-32.35c17.908 0 32.352 14.444 32.352 32.35v27.84c0 17.905-14.444 32.351-32.352 32.351c-6.771 0-12.49-2.107-17.305-6.47zm0-53.417c0 9.63 7.674 17.304 17.305 17.304s17.304-7.675 17.304-17.304v-27.84c0-9.63-7.674-17.304-17.304-17.304s-17.305 7.674-17.305 17.304zm107.41-38.786c-1.976 0-3.797-.76-5.467-2.43l-.304-.304c-2.884-2.276-6.07-3.49-9.866-3.49c-8.956 0-14.422 6.224-14.422 18.52v50.55c0 4.707-3.49 7.591-7.59 7.591s-7.59-2.884-7.59-7.59v-50.552c0-18.975 10.777-33.7 29.602-33.7c7.284 0 16.09 3.339 21.1 8.349c1.518 1.67 2.277 3.34 2.277 5.312c0 4.1-3.643 7.744-7.74 7.744m78.335 21.4c0 4.056-3.454 7.51-7.51 7.51H387.15v9.763c0 9.01 8.713 17.271 18.776 17.271c6.007 0 10.813-1.951 14.569-5.707c1.65-2.254 3.603-3.454 6.006-3.454c4.057 0 7.812 3.454 7.812 7.508c0 3.005-1.653 4.957-3.455 6.76c-6.158 6.608-14.569 9.912-24.932 9.912c-17.573 0-33.796-14.417-33.796-32.29v-27.787c0-17.872 14.42-32.292 32.293-32.292s32.292 14.42 32.292 32.292zm-15.019-7.51v-3.004c0-9.613-7.661-17.271-17.273-17.271s-17.273 7.658-17.273 17.271v3.004zm90.027 7.51c0 4.056-3.454 7.51-7.51 7.51H462.16v9.763c0 9.01 8.71 17.271 18.774 17.271c6.007 0 10.815-1.951 14.569-5.707c1.652-2.254 3.603-3.454 6.008-3.454c4.055 0 7.81 3.454 7.81 7.508c0 3.005-1.652 4.957-3.455 6.76c-6.158 6.608-14.568 9.912-24.932 9.912c-17.573 0-33.796-14.417-33.796-32.29v-27.787c0-17.872 14.421-32.292 32.293-32.292c17.874 0 32.292 14.42 32.292 32.292zm-15.019-7.51v-3.004c0-9.613-7.66-17.271-17.273-17.271s-17.271 7.658-17.271 17.271v3.004zM57.551 159.794c0 5.706-4.624 10.33-10.33 10.33c-5.705 0-10.329-4.624-10.329-10.33s4.624-10.33 10.329-10.33s10.33 4.624 10.33 10.33m43.427 0c0 5.706-4.626 10.33-10.33 10.33c-5.705 0-10.329-4.624-10.329-10.33s4.624-10.33 10.329-10.33c5.704 0 10.33 4.624 10.33 10.33m-6.535-20.659H43.428a10.12 10.12 0 0 1-9.353-6.256l-13.438-32.533H10.12C4.53 100.346 0 95.815 0 90.226c0-5.587 4.53-10.118 10.119-10.118h17.287c4.097 0 7.789 2.47 9.352 6.256l13.438 32.533h37.546l13.827-32.619c2.182-5.147 8.12-7.545 13.267-5.368c5.144 2.182 7.548 8.12 5.367 13.266l-16.443 38.79a10.12 10.12 0 0 1-9.317 6.17"/><path fill="#818cf8" d="M105.747 46.537c-3.872-4.032-10.277-4.161-14.308-.29L78.842 58.343V10.12C78.842 4.53 74.312 0 68.723 0S58.605 4.53 58.605 10.12v47.986L46.482 46.297c-4.003-3.898-10.41-3.816-14.31.188c-3.899 4.004-3.815 10.41.188 14.31l29.303 28.541c.134.13.278.246.417.367q.11.099.22.195q.517.425 1.073.773q.08.045.16.093q.548.327 1.123.58c.035.015.065.036.1.051l.072.027c.23.096.463.178.698.256c.086.029.17.063.257.09c.23.068.464.123.697.176c.093.022.186.05.28.067c.233.047.468.078.704.107c.093.011.184.031.278.039q.474.047.949.047l.031.002h.001c.027 0 .055-.004.081-.004q.445-.002.886-.043c.174-.016.348-.049.52-.074c.145-.022.29-.037.435-.065c.206-.039.41-.095.613-.146c.108-.03.218-.05.324-.081c.21-.062.414-.138.62-.214c.098-.036.2-.066.298-.106c.196-.079.387-.171.58-.263c.105-.05.21-.095.313-.148c.175-.092.344-.194.515-.296c.116-.07.235-.136.35-.21c.148-.098.293-.207.438-.313c.13-.095.26-.188.385-.29c.126-.102.248-.213.37-.322c.094-.083.191-.158.282-.245l29.724-28.54c4.031-3.872 4.16-10.278.29-14.309m-35.46 162.2c-10.138 0-20.712-3.818-32.08-11.451c-4.64-3.115-5.875-9.402-2.76-14.041c3.116-4.638 9.402-5.874 14.043-2.76c17.718 11.898 27.73 9.032 38.143.554c4.334-3.528 10.708-2.876 14.236 1.458c3.527 4.335 2.875 10.709-1.46 14.236c-9.83 8.003-19.747 12.004-30.122 12.004"/></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. SpreeIcon.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.