Home/Libraries/Freehand free icons (Iconify)/shop-close

Freehand free icons (Iconify)

ShopClose

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="#818cf8" fill-rule="evenodd" clip-rule="evenodd"><path d="M5.625 20.325c0 .33-.37.27-.69.21c-.87-.17-1.29-.59-1.21-1.721c.09-1.281.82-2.232 1.85-1.501a.311.311 0 1 0 .42-.46c-2.15-2.132-4.492 1.88-2.801 3.862a2.92 2.92 0 0 0 2.001.68c.66-.06 1.17-.36 1.13-1.07a.35.35 0 0 0-.7 0m2.372.07v-2.312c-.21-1.63-.16-1.35-.17-1.39a.35.35 0 0 0-.61.19c0 .09-.34 2.511-.34 2.761c0 .44.08 1.351.49 1.541a3.9 3.9 0 0 0 1.63.15c.55-.12.651-.48.44-.69a4.7 4.7 0 0 0-1.44-.25m4.863-3.082c-2.061-2.632-3.482 1.25-2.351 3.082a1.55 1.55 0 0 0 2.241.55a2.89 2.89 0 0 0 .11-3.632m-.93 2.792c-.681-.09-.931-1.381-.821-2.092c.13-.91.44-1.39 1.12-.3s.1 2.442-.3 2.392m3.143-2.432a.53.53 0 0 1 .07-.45c.42-.54.95.15 1.27.05s.29-.79-.77-1a1.42 1.42 0 0 0-1.21 2.39c.51.611 1.54.951 1.45 1.412s-.55.7-.8.6c-.08 0-.45-.38-.64-.38a.34.34 0 0 0-.341.33c0 .33.38.59.67.75a1.61 1.61 0 0 0 2.092-1.06c.49-1.521-1.701-2.092-1.791-2.642m5.593-1.331l-1.571-.21a1.13 1.13 0 0 0-1.07.76a5.2 5.2 0 0 0-.14 2.182a10.5 10.5 0 0 0 0 1.811a.54.54 0 0 0 .49.46a4 4 0 0 0 .69-.16c.17-.05.65 0 .94-.09c.561-.1.661-.44.511-.7s-1.501-.05-1.631-.06l.1-1.131c.38 0 1.47-.19 1.47-.56s-1.17-.62-1.54-.55a5 5 0 0 1 0-.661c0-.21 0-.42.23-.46c1.611-.08 1.621 0 1.691-.26a.29.29 0 0 0-.17-.37m-.21-15.07c.41.1.76.67 1.11 1.29a16.3 16.3 0 0 1 1.161 2.802a6.46 6.46 0 0 1-.13 3.002c-.16.32-.47.46-1 .43q-.453-.015-.89-.13a2.112 2.112 0 0 1-1.702-2.762l3.212-.06a.34.34 0 0 0 0-.67l-3.142-.17c-1.631-4.493-1.41-3.903-1.49-4.063c.964.03 1.925.14 2.87.33m-3.582 7.284a2.1 2.1 0 0 1-1.621-.14a2.19 2.19 0 0 1-1.161-2.471h4.002a2.34 2.34 0 0 1-1.22 2.611m-.08-7.615c0 .12.1.25.14.38c.12 1.27.438 2.512.94 3.683l-3.742-.13a13.3 13.3 0 0 0-.77-4.003c.18-.03 3.401-.02 3.432.07M12.12 8.447a2.56 2.56 0 0 1-2.432-.27c-.47-2.442-.41-1.871-.31-2.302c.8 0 3.332.06 3.772.07c.06.871.26 1.772-1.03 2.502M11.88.842c1.5 0 .48-.23 1.15 4.003c-1 0-2.071-.05-3.092-.05l1.301-2.592c.286-.416.502-.875.64-1.36m-4.143.79c.47-.62.46-.53.33-.75c3.372-.06 3.102-.06 3.002 0a22.4 22.4 0 0 0-2.442 3.893c-1.21 0-2.361 0-3.372.06c1.01-1.161 1.821-2.342 2.482-3.202M4.485 5.696l3.832.15c0 .33 0-.19.11 1.521c-.29.18-.29.851-.79 1.201a2.78 2.78 0 0 1-2.422.09c-1.02-.47-.9-2.271-.73-2.962m16.72 4.183c2.152.19 2.672-.93 2.732-3.072l-.17-1.641a16.7 16.7 0 0 0-1.631-3.572a2.78 2.78 0 0 0-1.46-1.251c-3.053-.72-14.52-.08-15.55-.07a.34.34 0 1 0-.001.67h2.292a30 30 0 0 0-3.603 4.003c-1.32-.01-2.241.06-2.481.06a.3.3 0 0 0 .1.59h2.111c.08 2.412.31 1-.26 2.812c-1 1.28-3.362-.89-2.362-3.002a34 34 0 0 1 2.932-4.343a.3.3 0 0 0-.45-.39c-.33.38-1 1.26-1.641 2.182C-.298 5.785.102 5.535.082 7.346a2.33 2.33 0 0 0 1.66 2.152l.731.11a1.74 1.74 0 0 0 1.571-.71c1.001 1.22 3.683 1.4 4.723-.09a3.67 3.67 0 0 0 3.893.61a4.8 4.8 0 0 0 1-.85a3.22 3.22 0 0 0 3.613 1c.498-.217.93-.562 1.25-1c.48.587 1.142 1 1.882 1.17z"/><path d="M23.007 14.591a6.6 6.6 0 0 0-2.352-.5c.271-.954.445-1.933.52-2.922c0-.91-.93-1.09-1.1-.13q-.147 1.482-.07 2.972a117 117 0 0 0-17.081.09a9.9 9.9 0 0 0-.16-3.453c-.26-1.06-1.051-.77-1.051 0q.04.868.2 1.722c0 .09.33 1.74.35 1.82c-1.77.261-1.931.451-1.891 1.242c.06 1.41.47 6.194 1 7.504c.06.15.39.4 1.001.52c3.222.641 17.391.851 19.543-.13c.86-.39 1.16-2.5 1.3-3.452c.14-.95.551-4.683-.21-5.283m-1.431 7.245c-.08.23-.15.59-.23.5c-1.952.79-17.142.89-19.373.24c-.55-1.56-.98-7.014-1.07-7.334c.47-.62 7.744-.62 8.515-.62a110 110 0 0 1 11.907.61c1.231.18 1.001.16 1.001.74a21.3 21.3 0 0 1-.71 5.864z"/></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. ShopCloseIcon.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.