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

Freehand free icons (Iconify)

ShopOpen

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="M20.455 1.273c.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.17zm-15.88 6.293a.341.341 0 0 0-.183.621a.34.34 0 0 0 .273.05c1.1-.13.79 4.002-.33 3.732s-1.35-2.482-.59-3.312a.3.3 0 0 0-.41-.43c-1.351 1.18-1.301 4.182.69 4.823c2.982.92 2.922-5.934.55-5.484m5.854-.1a2.2 2.2 0 0 0-1-.17c-1.602 0-2.122.66-2.122 1.881c0 .08.42 3.422.4 3.342a.3.3 0 0 0 .54-.06v-2.161c.434.18.913.222 1.371.12a1.61 1.61 0 0 0 .811-2.952m-2.181 2.111c-.018-.346.054-.69.21-1c.06-.1 1.64-.48 1.65.24s-1 .99-1.86.76m4.322 2.232c.09-.38 0 0 .19-1c.72.26 1.772-.12 1.772-.451s-1.131-.7-1.701-.47c0-.74-.12-1.161.28-1.271c.63-.17 1.47 0 1.43-.46a.31.31 0 0 0-.32-.27c-.93 0-2.131-.421-2.411 1.12c0 .08-.15 1.531-.14 1.44c0 .501-.41 1.882.28 2.292s1.2 0 1.651-.07h.76a.43.43 0 0 0 .41-.36c0-.53-2.12-.54-2.2-.5m6.504-3.512c0 .29-.14 1.26-.27 2.14a6.2 6.2 0 0 0-1.311-1.85a3.5 3.5 0 0 0-.68-.61a.69.69 0 0 0-.681 0c-.55.32-.42.58-.17 3.562a5.4 5.4 0 0 0 0 .86c.12.49.58.51.68.2c0-.08 0 .45.05-3.162a14.8 14.8 0 0 1 1.831 3.002a.54.54 0 0 0 .79 0c.37-.41.39-4.002.39-4.132a.34.34 0 0 0-.63-.01"/><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. ShopOpenIcon.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.