Home/Libraries/Freehand free icons (Iconify)/data-transfer-sync

Freehand free icons (Iconify)

DataTransferSync

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"><path fill="#818cf8" fill-rule="evenodd" d="M4.201 11.51a.31.31 0 1 0 .29-.51a4.85 4.85 0 0 1-1.49-1.59c-1-1.37-1.39-2.62-.4-4a3.88 3.88 0 0 1 2.9-1.48c1.91-.22 3.27.15 8.811.93a.58.58 0 0 0 .64-.57c0-.66.21-2.671.79-3.001c.32-.18.44.22 1 .68s1.34 1.26 2.1 2.03c2.001 2 1.781 1.82 1.691 1.94a18 18 0 0 1-4.53 4.14q-.214.12-.45.18c0-.1-.07-.25-.07-.36a2.9 2.9 0 0 0-.33-1.63c-.18-.36-.8-.4-1.49-.54a22 22 0 0 0-4.421-.38a20.6 20.6 0 0 0-3.42.06c-1.44.24-1.75 1.33-1.18 2.59a.354.354 0 0 0 .65-.28c-.81-1.89.83-1.72 3.9-1.53a21.7 21.7 0 0 1 4.27.46c.08 0 .71.38.92.29c.21.57-.05 1.52.25 2c1.09 1.651 5.06-2.27 6.411-3.78c.47-.54 1-1 .8-1.53c-.29-.74-3.68-3.95-4.39-4.57c-.53-.47-1.14-1.51-2.34-.84c-1 .54-1.24 2.26-1.32 3.38l-2.791-.32c-3.17-.44-7.34-1.08-9.121 1.64c-1.13 1.72-.74 3.28.53 4.9a5.3 5.3 0 0 0 1.79 1.69m18.542 5.811a7 7 0 0 0-2.94-4a.32.32 0 0 0-.29.56a4.85 4.85 0 0 1 1.54 1.55c1 1.39 1.38 2.63.4 4a3.87 3.87 0 0 1-2.9 1.48c-1.91.221-3.32-.15-8.801-.93a.58.58 0 0 0-.65.57c-.06.901-.07 1.901-.62 2.261a10.86 10.86 0 0 1-5-3.31c-.3-.45-.31-.6 0-1.16a20.1 20.1 0 0 1 4.62-4.25c.21-.14.49-.22.62-.3c0 1-.24 2 .14 2.77c.19.36.78.39 1.49.54a22 22 0 0 0 4.42.38c1.14.075 2.284.054 3.42-.06c1.42-.24 1.75-1.31 1.17-2.63a.354.354 0 1 0-.65.28c.81 1.93-.83 1.74-3.9 1.57a21 21 0 0 1-4.26-.46c-.08 0-.66-.34-.9-.3c-.17-1.21.74-3.371-1-3.241C7.762 12.7 2.12 17 2.11 19S7.73 24.611 9 23.911c1-.56 1.14-1.55 1.22-2.69l2.761.33c3.22.44 7.37 1.08 9.151-1.64a3.5 3.5 0 0 0 .61-2.59" clip-rule="evenodd"/></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. DataTransferSyncIcon.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.