cloudcraft logo

cloudcraft from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
cloudcraft
Set
SVG Logos
Style
Color
Viewbox
256×399
License
CC0

Use the cloudcraft logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 399"><path fill="#c08a07" d="m143.84 128.723l72.213-43.49V254.36l-69.798 41.476v37.046l108.455-65.234V24.563L143.84 91.542z"/><path fill="#f6b71f" d="M145.645 90.366L254.71 24.563L216.858 1.745L109.722 65.823z"/><path fill="#4286c5" d="m36.995 155.031l107.825-64.36l-35.359-24.848l-108.17 64.78z"/><path fill="#22496e" d="M143.84 91.542L36.994 155.031v242.681l109.26-64.831v-37.047L74.578 339.19V169.662l69.261-40.939z"/><path fill="#30689c" d="M1.29 130.602v246.976l35.705 20.134V155.03z"/><path fill="#4286c5" d="m74.579 339.19l72.352-44.03l-33.508-21.641l-38.844 23.12z"/><path fill="#f6b71f" d="m146.93 295.16l69.123-40.802l-35.436-20.67l-67.53 40.147z"/><path fill="#e4a409" d="M216.053 254.359V85.234l-35.436 21.409v127.045z"/><path fill="#241200" 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>

React

import type { SVGProps } from "react";

export function LogosCloudcraft(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 399"><path fill="#c08a07" d="m143.84 128.723l72.213-43.49V254.36l-69.798 41.476v37.046l108.455-65.234V24.563L143.84 91.542z"/><path fill="#f6b71f" d="M145.645 90.366L254.71 24.563L216.858 1.745L109.722 65.823z"/><path fill="#4286c5" d="m36.995 155.031l107.825-64.36l-35.359-24.848l-108.17 64.78z"/><path fill="#22496e" d="M143.84 91.542L36.994 155.031v242.681l109.26-64.831v-37.047L74.578 339.19V169.662l69.261-40.939z"/><path fill="#30689c" d="M1.29 130.602v246.976l35.705 20.134V155.03z"/><path fill="#4286c5" d="m74.579 339.19l72.352-44.03l-33.508-21.641l-38.844 23.12z"/><path fill="#f6b71f" d="m146.93 295.16l69.123-40.802l-35.436-20.67l-67.53 40.147z"/><path fill="#e4a409" d="M216.053 254.359V85.234l-35.436 21.409v127.045z"/><path fill="#241200" 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>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 399"><path fill="#c08a07" d="m143.84 128.723l72.213-43.49V254.36l-69.798 41.476v37.046l108.455-65.234V24.563L143.84 91.542z"/><path fill="#f6b71f" d="M145.645 90.366L254.71 24.563L216.858 1.745L109.722 65.823z"/><path fill="#4286c5" d="m36.995 155.031l107.825-64.36l-35.359-24.848l-108.17 64.78z"/><path fill="#22496e" d="M143.84 91.542L36.994 155.031v242.681l109.26-64.831v-37.047L74.578 339.19V169.662l69.261-40.939z"/><path fill="#30689c" d="M1.29 130.602v246.976l35.705 20.134V155.03z"/><path fill="#4286c5" d="m74.579 339.19l72.352-44.03l-33.508-21.641l-38.844 23.12z"/><path fill="#f6b71f" d="m146.93 295.16l69.123-40.802l-35.436-20.67l-67.53 40.147z"/><path fill="#e4a409" d="M216.053 254.359V85.234l-35.436 21.409v127.045z"/><path fill="#241200" 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>
</template>

CSS

.icon-cloudcraft {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20399%22%3E%3Cpath%20fill%3D%22%23c08a07%22%20d%3D%22m143.84%20128.723l72.213-43.49V254.36l-69.798%2041.476v37.046l108.455-65.234V24.563L143.84%2091.542z%22%2F%3E%3Cpath%20fill%3D%22%23f6b71f%22%20d%3D%22M145.645%2090.366L254.71%2024.563L216.858%201.745L109.722%2065.823z%22%2F%3E%3Cpath%20fill%3D%22%234286c5%22%20d%3D%22m36.995%20155.031l107.825-64.36l-35.359-24.848l-108.17%2064.78z%22%2F%3E%3Cpath%20fill%3D%22%2322496e%22%20d%3D%22M143.84%2091.542L36.994%20155.031v242.681l109.26-64.831v-37.047L74.578%20339.19V169.662l69.261-40.939z%22%2F%3E%3Cpath%20fill%3D%22%2330689c%22%20d%3D%22M1.29%20130.602v246.976l35.705%2020.134V155.03z%22%2F%3E%3Cpath%20fill%3D%22%234286c5%22%20d%3D%22m74.579%20339.19l72.352-44.03l-33.508-21.641l-38.844%2023.12z%22%2F%3E%3Cpath%20fill%3D%22%23f6b71f%22%20d%3D%22m146.93%20295.16l69.123-40.802l-35.436-20.67l-67.53%2040.147z%22%2F%3E%3Cpath%20fill%3D%22%23e4a409%22%20d%3D%22M216.053%20254.359V85.234l-35.436%2021.409v127.045z%22%2F%3E%3Cpath%20fill%3D%22%23241200%22%20d%3D%22M147.544%20330.601v-34.033l69.141-41.089c.003-.002.007%200%20.01-.003l.008-.008l.007-.004l.005-.008c.385-.236.628-.65.628-1.1V85.234c0-.465-.252-.893-.655-1.123h-.003a1.3%201.3%200%200%200-1.299.02l-.989.596l-68.287%2040.774V91.328l107.31-64.48v240.067zM38.286%20155.763L143.53%2092.865v34.181l-69.607%2041.505a1.29%201.29%200%200%200-.636%201.111V339.19c0%20.466.252.894.658%201.12a1.27%201.27%200%200%200%201.299-.019l69.72-42.173v34.026L38.286%20395.445zM2.58%20133.046l33.126%2022.663v239.793L2.58%20376.822zm106.752-65.799l33.911%2023.14L37.046%20153.5L3.674%20130.67zm107.52-64.002l35.363%2021.317l-106.642%2064.43l-33.907-23.136zm-36.06%20229.015L75.866%20294.356V170.398l104.924-62.23zm2.58-.002V106.682l31.391-19.164V252.11zm-1.29%202.235l31.427%2019.873l-66.34%2039.35l-32.197-20.12zM75.867%20297.367l36.686-22.338l32.215%2020.134l-68.9%2041.742zM255.39%2023.485c-.009-.006-.006-.02-.015-.027L217.522.64a1.29%201.29%200%200%200-1.32-.003L.625%20129.497c-.02.012-.013.043-.032.056c-.336.224-.555.58-.577.987c0%20.01-.014.014-.014.024c0%20.004.005.005.005.01c0%20.01-.008.017-.008.028v246.974c0%20.466.252.893.657%201.12l35.692%2020.126l.008.008c.2.113.42.17.64.17c.222%200%20.45-.063.65-.176l.007-.007l217.72-130.07c.387-.234.626-.649.626-1.102V24.562a1.28%201.28%200%200%200-.61-1.077%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20399%22%3E%3Cpath%20fill%3D%22%23c08a07%22%20d%3D%22m143.84%20128.723l72.213-43.49V254.36l-69.798%2041.476v37.046l108.455-65.234V24.563L143.84%2091.542z%22%2F%3E%3Cpath%20fill%3D%22%23f6b71f%22%20d%3D%22M145.645%2090.366L254.71%2024.563L216.858%201.745L109.722%2065.823z%22%2F%3E%3Cpath%20fill%3D%22%234286c5%22%20d%3D%22m36.995%20155.031l107.825-64.36l-35.359-24.848l-108.17%2064.78z%22%2F%3E%3Cpath%20fill%3D%22%2322496e%22%20d%3D%22M143.84%2091.542L36.994%20155.031v242.681l109.26-64.831v-37.047L74.578%20339.19V169.662l69.261-40.939z%22%2F%3E%3Cpath%20fill%3D%22%2330689c%22%20d%3D%22M1.29%20130.602v246.976l35.705%2020.134V155.03z%22%2F%3E%3Cpath%20fill%3D%22%234286c5%22%20d%3D%22m74.579%20339.19l72.352-44.03l-33.508-21.641l-38.844%2023.12z%22%2F%3E%3Cpath%20fill%3D%22%23f6b71f%22%20d%3D%22m146.93%20295.16l69.123-40.802l-35.436-20.67l-67.53%2040.147z%22%2F%3E%3Cpath%20fill%3D%22%23e4a409%22%20d%3D%22M216.053%20254.359V85.234l-35.436%2021.409v127.045z%22%2F%3E%3Cpath%20fill%3D%22%23241200%22%20d%3D%22M147.544%20330.601v-34.033l69.141-41.089c.003-.002.007%200%20.01-.003l.008-.008l.007-.004l.005-.008c.385-.236.628-.65.628-1.1V85.234c0-.465-.252-.893-.655-1.123h-.003a1.3%201.3%200%200%200-1.299.02l-.989.596l-68.287%2040.774V91.328l107.31-64.48v240.067zM38.286%20155.763L143.53%2092.865v34.181l-69.607%2041.505a1.29%201.29%200%200%200-.636%201.111V339.19c0%20.466.252.894.658%201.12a1.27%201.27%200%200%200%201.299-.019l69.72-42.173v34.026L38.286%20395.445zM2.58%20133.046l33.126%2022.663v239.793L2.58%20376.822zm106.752-65.799l33.911%2023.14L37.046%20153.5L3.674%20130.67zm107.52-64.002l35.363%2021.317l-106.642%2064.43l-33.907-23.136zm-36.06%20229.015L75.866%20294.356V170.398l104.924-62.23zm2.58-.002V106.682l31.391-19.164V252.11zm-1.29%202.235l31.427%2019.873l-66.34%2039.35l-32.197-20.12zM75.867%20297.367l36.686-22.338l32.215%2020.134l-68.9%2041.742zM255.39%2023.485c-.009-.006-.006-.02-.015-.027L217.522.64a1.29%201.29%200%200%200-1.32-.003L.625%20129.497c-.02.012-.013.043-.032.056c-.336.224-.555.58-.577.987c0%20.01-.014.014-.014.024c0%20.004.005.005.005.01c0%20.01-.008.017-.008.028v246.974c0%20.466.252.893.657%201.12l35.692%2020.126l.008.008c.2.113.42.17.64.17c.222%200%20.45-.063.65-.176l.007-.007l217.72-130.07c.387-.234.626-.649.626-1.102V24.562a1.28%201.28%200%200%200-.61-1.077%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/cloudcraft.svg?color=%231a73e8&size=48