Home/Libraries/Ultimate color icons (Iconify)/cloud-data-transfer

Ultimate color icons (Iconify)

CloudDataTransfer

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="none"><path fill="#818cf8" d="M18.768 15c-.749.046 4.23-.236 4.23-4.647a4.71 4.71 0 0 0-4.953-4.634a6.7 6.7 0 0 0-6.044-3.715a6.603 6.603 0 0 0-6.673 6.098a3.56 3.56 0 0 0-4.323 3.412c0 3.269 3.26 3.46 3.763 3.486z"/><path fill="#818cf8" d="M18.712 12.5h.056c-.08.006-.095.007-.056 0H4.768c-.424-.018-2.817-.157-3.55-2.17c-.141.379-.213.78-.213 1.183c0 3.27 3.26 3.46 3.763 3.486h13.944c.322-.058 4.286-.706 4.286-4.641a4.5 4.5 0 0 0-.163-1.2c-.749 2.78-3.836 3.286-4.123 3.342"/><path stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" d="M20.499 14.406a4.31 4.31 0 0 0 2.499-4.048a4.71 4.71 0 0 0-4.953-4.634a6.7 6.7 0 0 0-6.044-3.72A6.603 6.603 0 0 0 5.328 8.11a3.56 3.56 0 0 0-4.323 3.408a3.185 3.185 0 0 0 2.499 3.28m2.499 4.2l3 3l2.998-3m-2.999 2.999V13"/><path stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" d="m12.001 16l3-3l2.998 3M15 13v8.997"/></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. CloudDataTransferIcon.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.