Home/Libraries/Freehand free icons (Iconify)/modern-payment-qr-basket

Freehand free icons (Iconify)

ModernPaymentQrBasket

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="M21.877 8.887a.32.32 0 0 0-.33.31a64 64 0 0 1-.712 7.691c-.146 1.16-.428 2.3-.84 3.395c-.124.382-.37.713-.702.941c-1.734.609-3.56.917-5.397.911a45.3 45.3 0 0 1-8.412-.44a2 2 0 0 1-1.382-1.112A9.8 9.8 0 0 1 3.03 17.58a51 51 0 0 1-.72-8.352a.29.29 0 0 0-.341-.3a.28.28 0 0 0-.28.29c0 1.713-.131 6.59.77 9.914c.511 1.923 1.452 3.315 2.794 3.575a43 43 0 0 0 8.642.511a16.5 16.5 0 0 0 5.759-1.102a2.3 2.3 0 0 0 1.001-1.071c.396-.867.672-1.783.821-2.724a60 60 0 0 0 .741-9.103a.32.32 0 0 0-.34-.33"/><path d="M9.98 9.988a2 2 0 0 0-.931-.16a7 7 0 0 0-1.072.16a.26.26 0 0 0-.15.07a.23.23 0 0 0-.16-.07a.29.29 0 0 0-.34.22l-.11.481q-.181.722-.241 1.462a1.2 1.2 0 0 0 .32.872c.16.13.355.214.561.24q.45.036.901 0q.421.045.841 0c.217-.04.416-.145.571-.3c.341-.525.493-1.15.43-1.773a1.51 1.51 0 0 0-.62-1.202M9.6 11.45c-.1 1.192-.431.771-.832.771c-1.101.07-1.001.26-1.001-.47a8 8 0 0 1 0-.932v-.18a.3.3 0 0 0 .17 0a6 6 0 0 1 1.001-.05a1 1 0 0 1 .501.14v.15q.152.268.2.571zm7.13 1.683c.341-.525.493-1.15.43-1.773a1.5 1.5 0 0 0-.62-1.211a1.9 1.9 0 0 0-.932-.17a7 7 0 0 0-1.152.19a.35.35 0 0 0-.15.07a.3.3 0 0 0-.12-.06a.29.29 0 0 0-.34.22l-.11.49a9 9 0 0 0-.201 1.413a1.22 1.22 0 0 0 .32.88c.164.125.358.204.561.231q.45.027.901 0q.421.036.842 0a1 1 0 0 0 .57-.28m-1.402-.761c-1.102.08-.952.26-1.002-.471a8 8 0 0 1 0-.931v-.18q.09.021.18 0a6 6 0 0 1 1.002-.05a1 1 0 0 1 .5.14v.15q.04.28 0 .56c.05 1.202-.29.782-.68.782m-8.602 7.2c-.015.32.096.633.31.871c.165.131.363.214.572.24q.45.036.9 0q.417.045.832 0a1.06 1.06 0 0 0 .58-.29a2.75 2.75 0 0 0 .422-1.772a1.45 1.45 0 0 0-.621-1.222a1.83 1.83 0 0 0-.922-.16q-.588.047-1.161.19a.35.35 0 0 0-.14.06a.3.3 0 0 0-.13-.06a.28.28 0 0 0-.331.23l-.12.48q-.16.708-.19 1.433m.822-1.342v-.18a.27.27 0 0 0 .18 0a7 7 0 0 1 1.001-.06c.18.01.354.061.51.15v.14q.046.28 0 .56c-.1 1.193-.43.762-.83.772c-1.092.07-.942.26-1.002-.48c.11-.361.13-.752.14-.902m4.556-5.167a.31.31 0 0 0 .32-.32c.07-.271.14-.522.19-.812q.016-.17 0-.34q.015-.175 0-.351a6 6 0 0 0-.22-.811a.29.29 0 0 0-.28-.29a.29.29 0 0 0-.29.28q-.15.396-.24.811a1.4 1.4 0 0 0 0 .35q-.015.175 0 .351c0 .28.12.53.18.811a.32.32 0 0 0 .34.32M9.5 15.226a.28.28 0 0 0 .28.29c.58.08 1.241.19 1.952.24q.42.023.842 0h.84c.702 0 1.373-.14 1.944-.19a.32.32 0 0 0 .236-.547a.32.32 0 0 0-.226-.094c-.581-.06-1.242-.15-2.003-.2h-1.683c-.7 0-1.372.16-1.942.22a.28.28 0 0 0-.24.28m3.324 4.066a2.4 2.4 0 0 0-.46 0a.3.3 0 0 1 0-.11l-.241-1.882a.28.28 0 0 0-.29-.28a.28.28 0 0 0-.28.28l-.271 1.862a2.4 2.4 0 0 0 0 .761a.65.65 0 0 0 .35.42a.76.76 0 0 0 .43.061a3 3 0 0 1 .942-.27a5 5 0 0 1 .681-.05a.33.33 0 0 0 .06-.651a9 9 0 0 0-.921-.14m2.273.5a.32.32 0 0 0 .641 0l.33-1.792a2.4 2.4 0 0 0 0-.671a.93.93 0 0 0-.26-.501a.63.63 0 0 0-.41-.17a4 4 0 0 0-.42 0l-1.493.09a.28.28 0 0 0-.31.26a.28.28 0 0 0 .25.31l1.492.351h.12a19 19 0 0 0 .06 2.123m-6.96-6.058a.3.3 0 0 0-.29.28a6 6 0 0 0-.24.66q-.022.166 0 .331q.015.174.06.34q.045.26.15.501c0 .08.06.16.12.2a.33.33 0 0 0 .46.07q.197-.545.271-1.12q.023-.166 0-.331a4 4 0 0 0-.25-.671a.28.28 0 0 0-.28-.26M23.7 8.056a66 66 0 0 0-3.285-.24a7.4 7.4 0 0 0-.09-2.074a4.4 4.4 0 0 0-.741-1.762a2.3 2.3 0 0 0-1.823-1.192c-.36 0-.53.43 0 .641c.529.224.964.624 1.232 1.132c.235.424.41.88.52 1.351c.13.613.2 1.237.21 1.863h-.5c-2.303-.09-4.646-.11-6.79-.19H8.778l-2.433.11l-1.412.08a8 8 0 0 1 .52-1.873a7.7 7.7 0 0 1 .822-1.472c.193-.296.43-.563.7-.79c.251-.311.09-.812-.2-.792c-.506.189-.952.51-1.291.931q-.362.385-.611.852q-.248.48-.39 1.001a7.5 7.5 0 0 0-.221 2.243c-1.773.11-3.295.17-4.046.27a.29.29 0 0 0 .06.571c.51 0 1.372-.07 2.414-.08h9.683c3.355 0 8.012-.13 11.276.05a.33.33 0 0 0 .35-.3a.32.32 0 0 0-.3-.33"/><path d="M7.607 3.88c.227.213.492.383.78.5c.408.149.839.227 1.272.23l4.246.08q.702.039 1.403 0c.37-.022.734-.114 1.071-.27c.54-.27.881-.63.851-1.001a2 2 0 0 0-.7-1.632a3.55 3.55 0 0 0-1.393-.751a9.2 9.2 0 0 0-2.153-.29h-1.552L9.88.795a.29.29 0 0 0 0 .57h1.512c.51 0 1.001.07 1.512.12a8 8 0 0 1 1.923.39c.373.127.715.332 1.001.602c.188.164.315.386.36.63c0 .13-.1.23-.28.321a2 2 0 0 1-.69.16h-1.312L9.67 3.7a3 3 0 0 1-.852-.07a1.5 1.5 0 0 1-.67-.33a.68.68 0 0 1-.1-.751c.098-.325.303-.607.58-.801a.323.323 0 1 0-.32-.561c-.458.26-.812.67-1.002 1.161a1.72 1.72 0 0 0 .3 1.533"/></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. ModernPaymentQrBasketIcon.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.