cloudrun logo

cloudrun from Devicon by konpa · Original · MIT Free for personal and commercial use.

Name
cloudrun
Set
Devicon
Style
Original
Viewbox
128×128
License
MIT

Use the cloudrun logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#aecbfa" d="M128 63.965L38.957 0l22.26 63.966Z"/><path fill="#4285f4" d="M38.957 128L128 63.965H61.217zM16.696 63.965L0 128l22.332-10.718l16.625-53.317Z"/><path fill="#aecbfa" d="M22.332 10.649L0-.001l16.696 63.966h22.26Z"/></svg>

React

import type { SVGProps } from "react";

export function DeviconCloudrun(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#aecbfa" d="M128 63.965L38.957 0l22.26 63.966Z"/><path fill="#4285f4" d="M38.957 128L128 63.965H61.217zM16.696 63.965L0 128l22.332-10.718l16.625-53.317Z"/><path fill="#aecbfa" d="M22.332 10.649L0-.001l16.696 63.966h22.26Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#aecbfa" d="M128 63.965L38.957 0l22.26 63.966Z"/><path fill="#4285f4" d="M38.957 128L128 63.965H61.217zM16.696 63.965L0 128l22.332-10.718l16.625-53.317Z"/><path fill="#aecbfa" d="M22.332 10.649L0-.001l16.696 63.966h22.26Z"/></svg>
</template>

CSS

.icon-cloudrun {
  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%20128%20128%22%3E%3Cpath%20fill%3D%22%23aecbfa%22%20d%3D%22M128%2063.965L38.957%200l22.26%2063.966Z%22%2F%3E%3Cpath%20fill%3D%22%234285f4%22%20d%3D%22M38.957%20128L128%2063.965H61.217zM16.696%2063.965L0%20128l22.332-10.718l16.625-53.317Z%22%2F%3E%3Cpath%20fill%3D%22%23aecbfa%22%20d%3D%22M22.332%2010.649L0-.001l16.696%2063.966h22.26Z%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%20128%20128%22%3E%3Cpath%20fill%3D%22%23aecbfa%22%20d%3D%22M128%2063.965L38.957%200l22.26%2063.966Z%22%2F%3E%3Cpath%20fill%3D%22%234285f4%22%20d%3D%22M38.957%20128L128%2063.965H61.217zM16.696%2063.965L0%20128l22.332-10.718l16.625-53.317Z%22%2F%3E%3Cpath%20fill%3D%22%23aecbfa%22%20d%3D%22M22.332%2010.649L0-.001l16.696%2063.966h22.26Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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