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

Freehand free icons (Iconify)

ModernPaymentDesktopTransaction

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="M11.005 5.905a3.7 3.7 0 0 0-1.42-.56a1.6 1.6 0 0 1-.46-.16c-.12-.04-.12-.08-.12-.17c-.18-.86 1.37-.59 1.74-.4a.29.29 0 0 0 .39-.09a.3.3 0 0 0-.1-.39a3.3 3.3 0 0 0-.6-.28a.6.6 0 0 0 .08-.19v-.72a.32.32 0 0 0-.332-.413a.31.31 0 0 0-.268.223a5 5 0 0 0-.32.44q-.047.097-.08.2a.6.6 0 0 0 0 .22a.5.5 0 0 0 0 .12a2 2 0 0 0-.52.06a1.2 1.2 0 0 0-.99 1.36a1.15 1.15 0 0 0 .55.86c.428.23.885.398 1.36.5c.22.07.46.09.46.35s-.28.41-.58.47a2 2 0 0 1-1.23-.12a.76.76 0 0 1-.28-.2a3 3 0 0 1-.28-.36a.33.33 0 0 0-.43-.14a.32.32 0 0 0-.13.43q.124.313.33.58a1.45 1.45 0 0 0 .73.49a.5.5 0 0 0-.07.19a.8.8 0 0 0 0 .21v.51a.315.315 0 1 0 .6.19q.179-.212.32-.45a.5.5 0 0 0 .09-.41a2.7 2.7 0 0 0 .81-.05a1.37 1.37 0 0 0 1.13-1.28a1.22 1.22 0 0 0-.38-1.02m-.72 9.739a1.36 1.36 0 0 0 1.13-1.27a1.2 1.2 0 0 0-.42-1a3.7 3.7 0 0 0-1.42-.56a2.5 2.5 0 0 1-.46-.16c-.07 0-.14-.08-.16-.17c-.08-.35.15-.53.45-.58c.438-.04.88.022 1.29.18a.28.28 0 0 0 .39-.1a.29.29 0 0 0-.1-.38a3.3 3.3 0 0 0-.6-.28a.6.6 0 0 0 .08-.19v-.72a.32.32 0 0 0-.332-.413a.31.31 0 0 0-.268.223q-.174.21-.32.44a2 2 0 0 0-.08.2a.6.6 0 0 0 0 .22a.5.5 0 0 0 0 .12a2 2 0 0 0-.52.06a1.2 1.2 0 0 0-.94 1.36a1.17 1.17 0 0 0 .54.89c.428.23.885.398 1.36.5c.22.06.46.09.46.35s-.28.41-.58.47a2 2 0 0 1-1.23-.12a.9.9 0 0 1-.28-.21q-.15-.175-.27-.37a.32.32 0 0 0-.39-.12a.32.32 0 0 0-.13.43q.13.31.33.58q.163.205.39.34q.143.09.3.15a.5.5 0 0 0-.07.19a.8.8 0 0 0 0 .21v.51a.315.315 0 1 0 .6.19q.179-.211.32-.45a.6.6 0 0 0 .09-.2a.5.5 0 0 0 0-.21c.284.008.567-.03.84-.11m6.079-8.93a.32.32 0 0 0-.19-.4a4.4 4.4 0 0 0-1.25-.43a2.7 2.7 0 0 0-.56-.06a3.4 3.4 0 0 0-.55 0q-.621.143-1.22.36a.27.27 0 0 0-.23.31a.28.28 0 0 0 .31.24c.46 0 .9.1 1.36.11h.78a6.5 6.5 0 0 1 1.19.07a.3.3 0 0 0 .36-.2m-1.69 6.63a2.6 2.6 0 0 0-.56-.06a3.5 3.5 0 0 0-.55 0q-.615.141-1.21.36a.28.28 0 0 0 .07.55c.46 0 .9.1 1.37.11h.77a6.4 6.4 0 0 1 1.16 0a.32.32 0 0 0 .386-.443a.3.3 0 0 0-.186-.157a4.3 4.3 0 0 0-1.25-.36"/><path d="M5.175 15.593c0 .85.07 1.43.1 1.62a.27.27 0 0 0 .32.23a.28.28 0 0 0 .23-.32c-.13-.85-.05-10.389-.09-14.248v-1.43c.22-.05.66-.08 1-.13a43.5 43.5 0 0 1 6.51-.2a19.5 19.5 0 0 1 4.229.48q.264.064.5.2a1 1 0 0 1 .09.06c.4 1.44-.43 7.929-.61 12.159a17.6 17.6 0 0 0 .07 3.16a.31.31 0 0 0 .237.256q.06.014.123.003a.3.3 0 0 0 .26-.36c-.36-2.41.86-10.269 1-13.838a6.3 6.3 0 0 0-.14-1.69c-.11-.37-.62-.77-1.52-1a26 26 0 0 0-5.58-.53a30.3 30.3 0 0 0-6.299.46a1.8 1.8 0 0 0-.73.33a.62.62 0 0 0-.2.6c.13.61.33 10.269.5 14.188"/><path d="M23.003 10.074a12.4 12.4 0 0 0-.41-2.57a2.2 2.2 0 0 0-.66-1.16a1 1 0 0 0-.64-.15c-.33 0-.85.1-1.76.17a.28.28 0 0 0-.28.28a.29.29 0 0 0 .29.27h1.55c.34 0 .32 0 .4.06s.19.38.26.75c.126.797.193 1.603.2 2.41c0 1 .07 2.19.08 3.32v5.06l-8.719.16c-1.33 0-2.65.13-4 .17q-1.299.066-2.6 0l-3.639-.13a6 6 0 0 1-.67-.08a.48.48 0 0 1-.3-.15a.9.9 0 0 1-.1-.47c0-.43.06-.9 0-1.21l.05-5.43c0-.76-.06-1.79-.05-2.78q-.015-.901.13-1.79a.63.63 0 0 1 .46-.49c.29-.063.59-.063.88 0a.29.29 0 0 0 .39-.3a.28.28 0 0 0-.21-.33a2.5 2.5 0 0 0-1.42.08a1.16 1.16 0 0 0-.66.84a10.7 10.7 0 0 0-.22 1.9c-.05 1 0 2-.05 2.79l-.3 5.46c0 .38-.11 1-.07 1.48c.018.291.104.576.25.829c.14.206.334.368.56.47c.403.152.83.23 1.26.23c.37 0 .74.06 1.11.08c.84 0 1.67 0 2.51.05h2l1.38-.1c-.07.14-.14.27-.2.41c-.32.7-.61 1.41-.93 2.11c0 .09-.34.63-.41.87a.66.66 0 0 0 0 .43a.58.58 0 0 0 .34.31q.188.045.38.07q.274.015.55 0c.26 0 .51 0 .76-.07a23 23 0 0 1 2.74-.33c2.119-.11 2.479.4 1.999-1.73a6 6 0 0 0-.2-.7a5 5 0 0 0-.28-.66a11 11 0 0 0-.57-1l7.82-.37q.357-.282.64-.64c.13-1.15.39-3.54.43-5.88c-.02-.88-.07-1.75-.07-2.539m-9.139 10.999c.11.35.25.69.38 1l.33.77a16 16 0 0 0-1.83-.14c-.79 0-1.58 0-2.38.11h-.75c.08-.13.15-.24.16-.27c.23-.73.41-1.48.65-2.21q.111-.34.24-.69c.87-.07 1.74-.14 2.62-.19h.16c.1.61.22 1.13.39 1.66z"/></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. ModernPaymentDesktopTransactionIcon.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.