Home/Libraries/Freehand free icons (Iconify)/modern-payment-self-checkout-touch

Freehand free icons (Iconify)

ModernPaymentSelfCheckoutTouch

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="M8.737 19.331a29 29 0 0 1-4.288-.16c-.9 0-2.359.08-3.219 0c0-.1-.08-.24-.09-.32s-.25-3.378-.31-3.498a.3.3 0 0 0-.57 0a19.5 19.5 0 0 1-.119 3.438c-.15 1.97.67 1.56 7.117 1.39l1.53-.19a.34.34 0 0 0-.05-.66M2.16 10.655a.37.37 0 0 0-.33.35c0 .56 3.499.42 4.888.39a3.44 3.44 0 0 0-.49 2.169a46 46 0 0 0-5.897.53a.34.34 0 0 0 0 .48c.18.18.63.09.83.09c1.109 0 3.128.1 5.157.05c2.559-.05 4.838-.3 5.708-.3a.3.3 0 0 0 0-.6c-.33 0-.2 0-.25-.14a3.46 3.46 0 0 0-1-2.619l.71-.06a.3.3 0 0 0 0-.6l-1.08-.06s-8.126.3-8.246.32m8.906 3.059c-1.37-.11-2.579-.16-3.998-.15c.25-.69.2-.47.28-.74c.119-.476.162-.969.13-1.46c.49 0 .84 0 2.379-.199c.87 1.31.22.83 1.209 2.549m3.698-9.996a5.6 5.6 0 0 0-.2-2.119c-.11-.33-.75-.33-.75 0q-.18 1.088-.17 2.19c-.889.06-.789.06-3.138.33c0-1.09-.25-2.39-.24-2.45c0-.49-.61-.33-.63 0a40 40 0 0 0 0 7.697c.1.66.58.56.76.09q.072-.623.08-1.25c1 .29 1.92-.09 1.9-.46a.38.38 0 0 0-.39-.32a6.2 6.2 0 0 0-1.47-.12c0-1.169.06-1.309 0-2.488c1.049.12 2.105.15 3.159.09c.06.56.14 1.11.22 1.659a.34.34 0 1 0 .68 0c0-.58.1-1.15.14-1.72c1.069-.13 1.259-.14 1.519-.17c.46-.209.46-.789-.07-.899z"/><path d="M17.333.93C16.703 0 15.054.09 14.065 0C13.335 0 3.08.11 1.25.43a.71.71 0 0 0-.54.32c-.154.369-.249.76-.28 1.16c-.08.869.17 8.675.45 8.995a.29.29 0 0 0 .42 0c.2-.19-.28-7.646.21-9.376c1.529-.23 9.175-.33 11.314-.41h1.79c.48 0 1.659 0 1.939.4c.42.58.28 4.208.16 7.687a.343.343 0 0 0 .68.09q.21-1.964.18-3.938c.11-1.36.589-3.219-.24-4.428M5.259 16.593c-1.27.1-2.37.5-2.82.43a.304.304 0 1 0-.149.59c1.3.188 2.619.188 3.918 0c.26 0 .51-.09.77-.12l1.57-.16a.34.34 0 1 0 0-.68a17.6 17.6 0 0 0-3.29-.06"/><path d="M23.56 16.703c-.58-2.6-2.998-3.31-5.497-2.08a22.2 22.2 0 0 0-2.599-5.437c-1.2-1.43-2.409-.8-2.639.58c-.31 1.849.74 5.257 1.35 7.236c-1.16-.65-2.909-1.09-3.419 0c-.87 1.99 1.23 3.589 2.779 5.278c.11.11 1.39 1.24 1.89 1.58c.499.34.799 0 .629-.34a12 12 0 0 1-2-1.69c-1.349-1.61-3.148-3.109-2.498-4.418c.3-.6 2.879.6 3.148 1.3c.12.31 1.24.56 1-.41s-2.429-7.857-1.58-8.736c.27-.28 1.86 1.999 3.21 5.947a.5.5 0 0 0 .759.25a4.8 4.8 0 0 1 2.159-.8a2.36 2.36 0 0 1 1.999.73c1 1 1 5.098.88 6.237a.341.341 0 1 0 .68.07a21.3 21.3 0 0 0-.25-5.298M3.54 4.738c0 .32.31.61.45.78c.639.77 1.838.79 2.558 1.179c.47.23.74 0 0 .32c-.61.28-2.119.65-2.259 0a.34.34 0 0 0-.4-.26c-.55.1-.33 1.34 1.21 1.42c-.17.34.17 1.259.51 1.259s.72-.89.45-1.32q.434-.06.849-.2c.56-.18 1-.38 1.13-.93c.13-.549-.4-.989-.95-1.299s-1.95-.55-2.29-.91c0 0-.139-.23-.219-.24c.2-.619 2-.859 2.089-.569a.302.302 0 0 0 .58-.17c-.11-.45-.69-.63-1.15-.67a1 1 0 0 0-.52-1.259a.88.88 0 0 0-.31 1.31c-.889.18-1.739.66-1.729 1.559"/></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. ModernPaymentSelfCheckoutTouchIcon.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.