Home/Libraries/Freehand free icons (Iconify)/shopping-bag-target

Freehand free icons (Iconify)

ShoppingBagTarget

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="M15.754 12.392c0-.21-.1-.42-.16-.62c-.12-.35-.27-.67-.41-.999a.33.33 0 0 0 .08-.22c0-.44-.649-.37-1.228-.45v-.05a2.94 2.94 0 0 0-.49-1.288a1.8 1.8 0 0 0-1.908-.75a1.85 1.85 0 0 0-1.309 1.53a3.2 3.2 0 0 0 0 .619c-.43.1-.63-.34-.849.27a.29.29 0 0 0-.1.25c-.16.419-.33.828-.46 1.258a6 6 0 0 0-.18.7c-.05.23-.08.469-.119.699c-.06.56-.11 1.109-.18 1.668a.32.32 0 0 0 .11.33a.32.32 0 0 0 .17.19a7.2 7.2 0 0 0 2.328.809q.526.082 1.059.06a6 6 0 0 0 1.049-.13a10.6 10.6 0 0 0 2.297-.8a.37.37 0 0 0 .21-.469s0-.05-.08-.08s.09 0 .13 0a.37.37 0 0 0 .26-.45c-.06-.499-.08-.998-.14-1.478c-.02-.18-.04-.39-.08-.6m-4.366-2.608a.79.79 0 0 1 .61-.58a.7.7 0 0 1 .699.27q.188.222.3.49a8 8 0 0 0-1.18 0c-.149 0-.289 0-.439.06a.7.7 0 0 1 .01-.24m1.609 5.345c-.31 0-.62 0-.93.05h-.929a9.6 9.6 0 0 1-1.908-.22c.19-.46.38-.91.54-1.389q.112-.343.18-.699a4.5 4.5 0 0 0 .12-.72v-1.188h.32c.07.36.16.72.239.999a.32.32 0 0 0 .36.27a.33.33 0 0 0 .27-.37v-.87h1.907c0 .23.05.47 0 .69a.36.36 0 0 0 .32.4a.38.38 0 0 0 .41-.32q.079-.426.11-.859h.35v.999q.038.318.11.63q.06.32.17.629c.159.49.369.949.568 1.418l.08.11a.3.3 0 0 0-.16 0c-.692.217-1.405.364-2.127.44"/><path d="M19.24 10.713a7.2 7.2 0 0 0-.998-2.937a6.6 6.6 0 0 0-.9-1.149a6.3 6.3 0 0 0-1.128-.929a7.8 7.8 0 0 0-2.718-1.059a.35.35 0 0 0-.36-.23c-.749.09-.18.71-.399 1.31a.35.35 0 0 1-.39.269c-.08 0-.14-.07-.2-.13c-.24-.27 0-.46 0-.64a.58.58 0 0 0-.32-.579a1.85 1.85 0 0 0-1.058-.1A7.8 7.8 0 0 0 9 5.13a7.5 7.5 0 0 0-2.938 2.457c-2.997 4.226-.849 3.687-.46 3.876c.16.092.295.223.39.38v.21a.64.64 0 0 1-.35.23s-1.348.08-1.298.839c.06.29.11.59.17.889s.12.49.2.74c.234.679.545 1.33.929 1.937c.394.619.88 1.174 1.438 1.649a5.76 5.76 0 0 0 4.096 1.438a.36.36 0 0 0 .36-.36a.34.34 0 0 0-.06-.15q.023-.19.09-.369q.085-.216.25-.38c.06-.09.18-.08.29-.09s.18 0 .24.05a.85.85 0 0 1 .24.36q.075.286.079.58a.37.37 0 0 0 .32.41a5.3 5.3 0 0 0 1.488-.32a10 10 0 0 0 1.23-.6q.869-.43 1.657-.999a7 7 0 0 0 1-.999a5.6 5.6 0 0 0 .769-1.508c0-.06.819-2.997 0-2.848a1.4 1.4 0 0 1-.69-.3c-.13-.09-.26-.21-.11-.339a.9.9 0 0 1 .41-.32c.49-.2.52-.48.5-.879m-1.798.36a1.15 1.15 0 0 0-.11 1.688c.39.347.888.545 1.41.56q-.125.702-.38 1.368a5.1 5.1 0 0 1-.92 1.449a6 6 0 0 1-.809.79a15 15 0 0 1-1.409 1.108c-.34.24-.689.5-1.058.71a3.5 3.5 0 0 1-.67.279a4 4 0 0 0 .05-.49a2.2 2.2 0 0 0-.24-.729a1.37 1.37 0 0 0-1.905-.38c-.195.132-.355.31-.462.52q-.131.312-.16.65v.35a5 5 0 0 1-2.298-1a9 9 0 0 1-1.588-1.618a10.3 10.3 0 0 1-1.29-1.948a4 4 0 0 1-.269-.6c-.07-.18-.13-.37-.19-.56c.305.067.618.093.93.08c.318-.038.616-.178.849-.399a1.14 1.14 0 0 0 .36-.999a1.47 1.47 0 0 0-.41-.8a2.3 2.3 0 0 0-1-.519l-.469-.06a8.8 8.8 0 0 1 1.479-2.277q.461-.505.999-.93A7.8 7.8 0 0 1 9.5 6.228q.6-.315 1.249-.51l.25-.07c.034.334.19.644.44.87a1.25 1.25 0 0 0 .898.359a1.15 1.15 0 0 0 1.06-.68c.103-.243.157-.504.16-.769a9 9 0 0 1 1.937 1.22q.503.387.95.838q.443.471.819 1a7.1 7.1 0 0 1 1.168 2.237a.3.3 0 0 0-.09 0a1.64 1.64 0 0 0-.899.35"/><path d="M23.447 10.903a2 2 0 0 0-.85-.25a3 3 0 0 0-.669.12a10 10 0 0 0-1.309-4.176a9 9 0 0 0-1.998-2.268a9.3 9.3 0 0 0-1.718-1.049a10.3 10.3 0 0 0-1.758-.629a6.6 6.6 0 0 0-1.599-.16v-.999a1.86 1.86 0 0 0-.47-.999a1.1 1.1 0 0 0-.589-.33a1.18 1.18 0 0 0-1.229.6a2.3 2.3 0 0 0-.31.879q-.045.43 0 .86A8.17 8.17 0 0 0 6.834 3.8a10.5 10.5 0 0 0-1.749 1.439a13 13 0 0 0-1.398 1.728q-.564.894-1 1.858a7.7 7.7 0 0 0-.469 1.708a4 4 0 0 0-.48-.12a1.9 1.9 0 0 0-.749.08a1.45 1.45 0 0 0-.949 1A1.4 1.4 0 0 0 .51 12.9c.257.19.554.316.87.37q.409.03.818 0a7.6 7.6 0 0 0 1.369 4.435a10.2 10.2 0 0 0 1.728 1.948c.66.551 1.377 1.03 2.138 1.429c.706.377 1.453.669 2.228.87q.55.094 1.109.1q.015.215.06.429c.096.348.27.669.51.939c.126.136.279.244.449.32a1.07 1.07 0 0 0 1.389-.4c.162-.261.268-.554.31-.86q.015-.204 0-.409c.426.014.852-.026 1.268-.12a9 9 0 0 0 2.108-.859a11 11 0 0 0 2.068-1.469a9.7 9.7 0 0 0 1.628-1.928a7.7 7.7 0 0 0 1.24-4.465q.248.015.499 0q.28.03.559 0a1.48 1.48 0 0 0 1.129-1.18a1.13 1.13 0 0 0-.54-1.148m-.75 1.119c-.05.06-.08.14-.16.18q-.215.11-.45.17q-.266.06-.539.08a.4.4 0 0 0-.29.15a.33.33 0 0 0-.08.19a6.8 6.8 0 0 1-1.078 3.416a11 11 0 0 1-1.669 2.138a12.6 12.6 0 0 1-2.098 1.758a8 8 0 0 1-1.798.999q-.527.168-1.079.2a.33.33 0 0 0-.33-.32a.32.32 0 0 0-.31.33q-.064.399-.199.779c0 .06-.34 1.099-.83.06c-.299-.56-.209-1.239-.689-1.199a.36.36 0 0 0-.32.35a5.4 5.4 0 0 1-1.198-.3q-.827-.36-1.578-.86a13 13 0 0 1-2.188-1.727a11.6 11.6 0 0 1-1.809-2.118a6.8 6.8 0 0 1-1.148-3.237v-.21c0-.49-.41-.17-1-.43a1.15 1.15 0 0 1-.479-.36a.29.29 0 0 1-.08-.259a.39.39 0 0 1 .19-.28a.94.94 0 0 1 .46-.16q.309-.037.619 0a.37.37 0 0 0 .44-.25c.07-.239-.3-.249.36-1.548a10 10 0 0 1 1.238-1.918q.752-.984 1.648-1.838a12.5 12.5 0 0 1 1.888-1.539a7.4 7.4 0 0 1 2.998-1.118h.08a.34.34 0 0 0 .33-.31q.102-.45.289-.87c.45-1.088.66-.609.76-.309c.339 1.169.369 1.449.678 1.439a5.3 5.3 0 0 1 1.629.33c.53.2 1.04.454 1.518.759q.759.436 1.429.999c.68.586 1.28 1.258 1.788 1.998a9.6 9.6 0 0 1 1.649 4.156a.37.37 0 0 0 .4.33a.34.34 0 0 0 .269-.21q.174-.015.35 0a.83.83 0 0 1 .43.29c.07.149.01.209-.04.269"/></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. ShoppingBagTargetIcon.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.