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

Freehand free icons (Iconify)

ModernPaymentContactless

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="M18.972 2.947a1.67 1.67 0 0 0-.919-.6q-.87-.234-1.767-.329c-1.298-.17-2.916-.52-4.424-.759a18 18 0 0 0-1.997-.22a6.7 6.7 0 0 0-1.727 0a1.7 1.7 0 0 0-.85.42q-.164.189-.239.43q-.416 1.351-.659 2.745c-.4 2.257-.709 4.474-.899 5.792c0 .37.4.499.51.06c.479-2.287.998-4.604.998-4.664c.27-1.258.53-2.416.75-3.145s.409-.719.788-.739a.6.6 0 0 1 .13 0a4.7 4.7 0 0 0 0 .829c.043.34.177.66.39.929c.146.149.328.259.528.32q.491.135.999.179c.26 0 .719.15 1.278.25s1.308.24 1.997.329c.8.143 1.615.196 2.427.16c.19-.095.36-.227.499-.39q.529-.558.999-1.168c.17 0 .339.08.399.18s0 .41 0 .689s-.16.809-.2.998c-.15.82-.998 4.803-1.817 8.648a207 207 0 0 0-1.118 5.771h-.07l-.23.05a6.6 6.6 0 0 1-1.727-.07a36 36 0 0 1-3.815-.818a.32.32 0 0 0-.4.22a.31.31 0 0 0 .22.399c1.712.53 3.47.89 5.253 1.078c.366.024.733-.027 1.078-.15a.82.82 0 0 0 .48-.569c.16-.799.379-1.797.619-2.876c.998-4.453 2.396-10.484 2.606-11.513q.179-.776.26-1.568a1.76 1.76 0 0 0-.35-.898m-2.546.699a3.7 3.7 0 0 1-.47.419c0-.08-.29 0-.529-.07c-.64-.11-1.638-.33-2.596-.49s-1.818-.249-2.217-.289h-.62c-.219 0-.279 0-.359-.07a1 1 0 0 1-.27-.509a4 4 0 0 1-.09-.619h.57c.57.05 1.198.15 1.857.27c1.498.27 3.126.649 4.434.838l.739.09q-.2.22-.42.43z"/><path d="M5.332 11.285A5.82 5.82 0 0 0 2.476 14a7.7 7.7 0 0 0-.58 1.387a17 17 0 0 0-.509 2.137A15.1 15.1 0 0 1 .05 22.518a.33.33 0 0 0 .1.45a.33.33 0 0 0 .45-.1a14.2 14.2 0 0 0 1.847-5.143c.16-.689.31-1.378.49-1.997q.166-.65.429-1.268a5.33 5.33 0 0 1 1.627-2.237c-.22.74-.46 1.548-.569 2.137c-.077.334-.045.684.09.999a.61.61 0 0 0 .589.14l1.198-.33l.68-.3a2.23 2.23 0 0 1 1.257-.05a.81.81 0 0 1 .69.6a.73.73 0 0 1-.26.669a6.2 6.2 0 0 1-1.348.918c-.39.218-.75.486-1.069.799c-.17.18-.293.4-.36.64c-.089.369 0 .808-.099 1.167a2.3 2.3 0 0 1-.33.75a5.6 5.6 0 0 1-.549.708a3.4 3.4 0 0 1-.819.64c-.31.176-.647.298-.998.359a.29.29 0 0 0-.24.33a.31.31 0 0 0 .33.239a4.2 4.2 0 0 0 1.198-.35c.369-.181.706-.42.999-.709q.466-.423.828-.938c.17-.252.301-.528.39-.819c.08-.31.08-.669.15-.999a.64.64 0 0 1 .24-.289a5.8 5.8 0 0 1 1.158-.709a5.7 5.7 0 0 0 1.348-.939a1.75 1.75 0 0 0 .489-1.657a1.7 1.7 0 0 0-1.118-1.288A3.27 3.27 0 0 0 6.61 14l-.77.389l-.628.21c0-.23.06-.51.13-.82c0 0 .22-1.097.519-2.525c-.1-.17-.47-.02-.53.03m6.791 1.079a3.2 3.2 0 0 1-1.758 0a1.2 1.2 0 0 1-.43-.26a3.4 3.4 0 0 1-.388-.459a.31.31 0 0 0-.45-.08a.32.32 0 0 0-.11.44q.229.376.54.688q.242.221.539.36q.276.111.569.17v.08a1 1 0 0 0-.06.27q-.008.134 0 .269c0 .23.06.43.08.649a.32.32 0 0 0 .26.39a.32.32 0 0 0 .379-.26q.174-.299.3-.62c0-.09.06-.19.08-.28q.015-.139 0-.279a1 1 0 0 0 0-.15c.404-.003.805-.07 1.188-.2a1.69 1.69 0 0 0 1.238-1.717a1.41 1.41 0 0 0-.66-1.128a4.9 4.9 0 0 0-1.956-.44a2.8 2.8 0 0 1-.7-.15a.47.47 0 0 1-.309-.289c-.18-.539.19-.838.66-.998a3.47 3.47 0 0 1 1.847.09a.29.29 0 0 0 .22-.53a3.4 3.4 0 0 0-1-.27c0-.05 0-.09.07-.139q.046-.126.06-.26q.008-.135 0-.27c0-.239-.06-.439-.08-.658a.33.33 0 0 0-.269-.39a.32.32 0 0 0-.38.26q-.17.3-.299.619c0 .09-.06.19-.08.28q-.015.14 0 .28v.239c-.263.015-.522.07-.769.16a1.47 1.47 0 0 0-.998 1.837a1.41 1.41 0 0 0 .809.998a7.3 7.3 0 0 0 1.847.4c.38.06.769.1.809.51c.04.409-.31.698-.8.838m7.41.1q.03-.24 0-.48a3.2 3.2 0 0 0-.56-.978a.28.28 0 0 0-.369-.17a.29.29 0 0 0-.17.37q.048.499 0 .998v.41q.015.205 0 .409q-.045.215-.15.41a.33.33 0 0 0 .103.53a.31.31 0 0 0 .347-.071c.311-.234.547-.553.68-.919q.1-.245.119-.51m.919-2.456a.3.3 0 0 0-.41-.06a.29.29 0 0 0-.05.4c.302.54.464 1.148.47 1.767q.03.375 0 .75a5 5 0 0 1-.17.748a4.5 4.5 0 0 1-.899 1.628a.33.33 0 0 0 .105.531a.32.32 0 0 0 .355-.072A4.7 4.7 0 0 0 21.209 14c.148-.315.246-.652.29-.998c.053-.33.053-.668 0-.999a3.9 3.9 0 0 0-1.05-1.997m3.516 1.998a5.2 5.2 0 0 0-.999-2.447a.282.282 0 0 0-.49.28a5.3 5.3 0 0 1 .38 2.246q0 .502-.06.999c0 .32-.09.649-.16.998a6 6 0 0 1-.868 2.137a.33.33 0 0 0 .509.41a6.25 6.25 0 0 0 1.388-2.327a6 6 0 0 0 .3-1.108a5 5 0 0 0 0-1.189"/></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. ModernPaymentContactlessIcon.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.