Home/Libraries/SVG Logos (Iconify)/cloudcraft

SVG Logos (Iconify)

Cloudcraft

License: CC0-1.0Commercial Safe

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 256 399"><path fill="#818cf8" d="m143.84 128.723l72.213-43.49V254.36l-69.798 41.476v37.046l108.455-65.234V24.563L143.84 91.542z"/><path fill="#818cf8" d="M145.645 90.366L254.71 24.563L216.858 1.745L109.722 65.823z"/><path fill="#818cf8" d="m36.995 155.031l107.825-64.36l-35.359-24.848l-108.17 64.78z"/><path fill="#818cf8" d="M143.84 91.542L36.994 155.031v242.681l109.26-64.831v-37.047L74.578 339.19V169.662l69.261-40.939z"/><path fill="#818cf8" d="M1.29 130.602v246.976l35.705 20.134V155.03z"/><path fill="#818cf8" d="m74.579 339.19l72.352-44.03l-33.508-21.641l-38.844 23.12z"/><path fill="#818cf8" d="m146.93 295.16l69.123-40.802l-35.436-20.67l-67.53 40.147z"/><path fill="#818cf8" d="M216.053 254.359V85.234l-35.436 21.409v127.045z"/><path fill="#818cf8" d="M147.544 330.601v-34.033l69.141-41.089c.003-.002.007 0 .01-.003l.008-.008l.007-.004l.005-.008c.385-.236.628-.65.628-1.1V85.234c0-.465-.252-.893-.655-1.123h-.003a1.3 1.3 0 0 0-1.299.02l-.989.596l-68.287 40.774V91.328l107.31-64.48v240.067zM38.286 155.763L143.53 92.865v34.181l-69.607 41.505a1.29 1.29 0 0 0-.636 1.111V339.19c0 .466.252.894.658 1.12a1.27 1.27 0 0 0 1.299-.019l69.72-42.173v34.026L38.286 395.445zM2.58 133.046l33.126 22.663v239.793L2.58 376.822zm106.752-65.799l33.911 23.14L37.046 153.5L3.674 130.67zm107.52-64.002l35.363 21.317l-106.642 64.43l-33.907-23.136zm-36.06 229.015L75.866 294.356V170.398l104.924-62.23zm2.58-.002V106.682l31.391-19.164V252.11zm-1.29 2.235l31.427 19.873l-66.34 39.35l-32.197-20.12zM75.867 297.367l36.686-22.338l32.215 20.134l-68.9 41.742zM255.39 23.485c-.009-.006-.006-.02-.015-.027L217.522.64a1.29 1.29 0 0 0-1.32-.003L.625 129.497c-.02.012-.013.043-.032.056c-.336.224-.555.58-.577.987c0 .01-.014.014-.014.024c0 .004.005.005.005.01c0 .01-.008.017-.008.028v246.974c0 .466.252.893.657 1.12l35.692 20.126l.008.008c.2.113.42.17.64.17c.222 0 .45-.063.65-.176l.007-.007l217.72-130.07c.387-.234.626-.649.626-1.102V24.562a1.28 1.28 0 0 0-.61-1.077"/></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. CloudcraftIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC0-1.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.