Home/Libraries/Freehand free icons (Iconify)/home-to-cloud-sync

Freehand free icons (Iconify)

HomeToCloudSync

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="M12.638 5.506a2.4 2.4 0 0 0 .43-.919C13.788 1.05 8.941-.999 7.013 2a2.728 2.728 0 0 0-4.397 2.468C.618 4.467-.9 6.336.618 8.744c.31.335.684.607 1.099.8c.71.33 1.069 0 .91-.35c-.16-.35-.22.07-1-.48a2.5 2.5 0 0 1-.4-.33a2.07 2.07 0 0 1-.21-2.328a1.8 1.8 0 0 1 1.38-.69h.399c.08 0 .25.14.29.16a.47.47 0 0 0 .51-.779c-.05 0 0-.1-.05-.16A1.699 1.699 0 0 1 6.262 2.89c.14.163.246.354.31.56a.6.6 0 0 0 .55.369c.789 0 .46-1.13 1.468-1.779a2.248 2.248 0 0 1 3.298 2.318q-.223.526-.54 1l-.19.22a.59.59 0 0 0-.27.509c0 .13.39.76.87.5h.13c.8-.11 1.619 1.339.69 1.998c-2.149 1.479-3.718 1-6.625.89a8.7 8.7 0 0 1-2.279-.27a.364.364 0 1 0-.35.64c.835.28 1.708.425 2.589.429c2.997.21 4.746.77 7.234-.83a2.228 2.228 0 0 0-.51-3.937m10.713 12.56a20 20 0 0 0-2.298-2.878a22 22 0 0 0-2.908-2.358a1.65 1.65 0 0 0-1.659-.08a33 33 0 0 0-3.767 4.297c-.71.929-1.439 1.648-1.349 2.098a.34.34 0 0 0 .59.18c.14-.14-.48.63 1.309-1.639c.23 2.998-1 4.926 1.159 5.376c.468.113.948.17 1.429.17c1.229-.19.31-2.718 1.389-2.828c.74-.09.72 1.999.84 2.388a.75.75 0 0 0 .389.48c.59.28 2.848.25 3.347-.27s.34-1.14.39-5.066c.63.74 1.17 1.589 1.579 1.379a.34.34 0 0 0 .21-.33c0-.43-.6-.83-.65-.92m-2.198 4.197a2.6 2.6 0 0 1-1 .11a7 7 0 0 1-.849 0a3 3 0 0 0-.09-.48c-.21-1.479-.66-2.908-2.098-2.708c-1.24.14-1.589 1-1.649 2.218v.58a6 6 0 0 0-.84 0c-.998-.13-.489-1.16-.529-2.458a12.4 12.4 0 0 0-.23-2.468c.77-.81 1.6-1.69 2.569-2.588c.779-.76.569-1.07 1.878-.1a17.2 17.2 0 0 1 3.198 2.688c-.03.12-.2 4.926-.36 5.206m-13.75-1.918a4.27 4.27 0 0 1-2.997-1.749c-.37-.69-.27-1.109 0-4.786q.62.76 1.389 1.369c.08.08.75.76.999.76c.25 0 .53-.36.19-.8a10 10 0 0 1-1.3-1.399c-.489-.63-.679-1.229-1.068-1.459c-.73-.42-1.58.33-2.049 1c-.47.669-.92.999-1.259 1.408c-.07.08-.94 1.1-1 1.21a.32.32 0 0 0 .33.41a8 8 0 0 0 1.23-1a13 13 0 0 0 1.588-1.319c-.13.87-.51 3.417-.51 3.487a3.4 3.4 0 0 0 .34 1.689c1.14 2.148 4.547 2.248 5.396 1.759c1.59-.94-1.199-.57-1.279-.58" 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. HomeToCloudSyncIcon.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.