atlascloud logo

atlascloud from LobeHub AI Icons by LobeHub · Mono · MIT Free for personal and commercial use.

Name: atlascloud
Set: LobeHub AI Icons
Style: Mono
Viewbox: 24×24
License: MIT

1 other variant in LobeHub AI Icons

Use the atlascloud logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M20.2,18.01L12,0.47,3.8,18.01l-2.58,5.52c1.62,-1.05,3.39,-1.86,5.26,-2.41,1.76,-0.51,3.61,-0.79,5.52,-0.79,0.98,0,1.95,0.08,2.9,0.22l-1.86,-4.3c-0.53,-0.1,-2.87,-0.1,-4.59,0.3l3.56,-8.28,5.52,12.85c0.01,0,0.02,0.01,0.03,0.01,1.86,0.55,3.62,1.36,5.23,2.4l-2.58,-5.52Z"/></svg>

React

import type { SVGProps } from "react";

export function LobehubAtlascloud(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M20.2,18.01L12,0.47,3.8,18.01l-2.58,5.52c1.62,-1.05,3.39,-1.86,5.26,-2.41,1.76,-0.51,3.61,-0.79,5.52,-0.79,0.98,0,1.95,0.08,2.9,0.22l-1.86,-4.3c-0.53,-0.1,-2.87,-0.1,-4.59,0.3l3.56,-8.28,5.52,12.85c0.01,0,0.02,0.01,0.03,0.01,1.86,0.55,3.62,1.36,5.23,2.4l-2.58,-5.52Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M20.2,18.01L12,0.47,3.8,18.01l-2.58,5.52c1.62,-1.05,3.39,-1.86,5.26,-2.41,1.76,-0.51,3.61,-0.79,5.52,-0.79,0.98,0,1.95,0.08,2.9,0.22l-1.86,-4.3c-0.53,-0.1,-2.87,-0.1,-4.59,0.3l3.56,-8.28,5.52,12.85c0.01,0,0.02,0.01,0.03,0.01,1.86,0.55,3.62,1.36,5.23,2.4l-2.58,-5.52Z"/></svg>
</template>

CSS

.icon-atlascloud {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M20.2%2C18.01L12%2C0.47%2C3.8%2C18.01l-2.58%2C5.52c1.62%2C-1.05%2C3.39%2C-1.86%2C5.26%2C-2.41%2C1.76%2C-0.51%2C3.61%2C-0.79%2C5.52%2C-0.79%2C0.98%2C0%2C1.95%2C0.08%2C2.9%2C0.22l-1.86%2C-4.3c-0.53%2C-0.1%2C-2.87%2C-0.1%2C-4.59%2C0.3l3.56%2C-8.28%2C5.52%2C12.85c0.01%2C0%2C0.02%2C0.01%2C0.03%2C0.01%2C1.86%2C0.55%2C3.62%2C1.36%2C5.23%2C2.4l-2.58%2C-5.52Z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M20.2%2C18.01L12%2C0.47%2C3.8%2C18.01l-2.58%2C5.52c1.62%2C-1.05%2C3.39%2C-1.86%2C5.26%2C-2.41%2C1.76%2C-0.51%2C3.61%2C-0.79%2C5.52%2C-0.79%2C0.98%2C0%2C1.95%2C0.08%2C2.9%2C0.22l-1.86%2C-4.3c-0.53%2C-0.1%2C-2.87%2C-0.1%2C-4.59%2C0.3l3.56%2C-8.28%2C5.52%2C12.85c0.01%2C0%2C0.02%2C0.01%2C0.03%2C0.01%2C1.86%2C0.55%2C3.62%2C1.36%2C5.23%2C2.4l-2.58%2C-5.52Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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