找找图标
cloud66 图标

cloud66 SVG 图标

simple-iconscloud66

来自 Simple Icons 开源图标集，矢量 SVG 可无损缩放到任意尺寸，支持在线改色、复制 React/Vue/HTML 代码。

图标 ID
simple-icons:cloud66
中文名
—
所属集合
Simple Icons
集合规模
3,467 枚
基础网格
24px
色彩
单色（可改色）
开源协议
CC0-1.0
作者
Simple Icons Collaborators

下载 cloud66 图标

SVG 矢量源文件，或 PNG 按 16~512 预设与 16~1024 自定义尺寸导出，任意尺寸边缘锐利。

px
iOS / Android 全套尺寸 · 素材包生成器用 AI 生成类似风格的图标

PNG 由矢量源实时渲染，任意尺寸边缘锐利无锯齿；下载与预览均免费，无需注册。

cloud66 的预览与使用场景

切换预览颜色后，下方三底色、真实界面场景与各尺寸渲染会实时跟随。

预览颜色
cloud66 图标 浅色背景预览浅色背景
cloud66 图标 深色背景预览深色背景
cloud66 图标 灰底融入预览灰底融入

在真实界面里长这样

继续按钮内 · 主操作
搜索cloud66…输入框 · 前缀图标
cloud66导航菜单 · 选中态
暂无内容空状态 · 引导提示
9:41cloud66 App 图标cloud66手机桌面 · App 图标
cloud66simple-icons.design/icons/cloud66浏览器 · 标签页与站点图标

各尺寸下的可读性

cloud66 图标 24px 渲染24pxcloud66 图标 32px 渲染32pxcloud66 图标 48px 渲染48pxcloud66 图标 64px 渲染64pxcloud66 图标 96px 渲染96pxcloud66 图标 128px 渲染128px

复制 cloud66 图标代码

内联 SVG、React、Vue 与 CSS mask 四种主流引用方式，代码基于当前源文件生成，复制即用。

svgSVG 源码（内联 HTML）
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.985.317C7.087 2.716 2.967.423 2.967.423C1.107 3.486.216 6.175 0 8.527h24c-.217-2.351-1.108-5.036-2.967-8.096c0 0-4.12 2.29-9.019-.108zM5.22 3.527c.424 0 .745.086.89.16l-.166.641a1.8 1.8 0 0 0-.687-.133c-.648 0-1.152.387-1.152 1.182c0 .716.428 1.167 1.157 1.167c.247 0 .52-.054.682-.117l.124.632c-.15.074-.489.159-.929.159c-1.248 0-1.891-.775-1.891-1.793c0-1.22.879-1.898 1.972-1.898m6.314 0c1.11 0 1.714.822 1.714 1.809c0 1.171-.717 1.882-1.773 1.882c-1.072 0-1.7-.8-1.7-1.819c0-1.07.692-1.872 1.759-1.872m7.81.033c.685 0 1.13.122 1.478.382c.376.276.612.715.612 1.346c0 .683-.252 1.156-.6 1.448c-.381.312-.96.46-1.667.46a7 7 0 0 1-.928-.052v-3.51a7 7 0 0 1 1.104-.074m-12.341.027h.82V6.48h1.435v.679H7.003zm7.178 0H15v2.056c0 .615.236.928.654.928c.43 0 .664-.297.664-.928V3.587h.816V5.59c0 1.103-.564 1.628-1.507 1.628c-.911 0-1.447-.499-1.447-1.639zm-2.672.582c-.55 0-.87.521-.87 1.217c0 .7.331 1.195.876 1.195c.55 0 .865-.52.865-1.216c0-.643-.31-1.196-.87-1.196m7.92.01c-.182 0-.3.017-.37.033v2.343c.07.016.182.016.284.016c.74.005 1.222-.399 1.222-1.254c.005-.744-.433-1.138-1.135-1.138M.006 9.79c-.28 10.276 11.98 13.888 11.98 13.888l.03.006S24.282 20.07 23.996 9.79zm10.769 1.28a6 6 0 0 1 .326.008v1.413c-.212 0-.437 0-.737.024c-1.685.133-2.434.967-2.646 1.884h.038c.399-.398.961-.628 1.723-.628c1.36 0 2.508.93 2.508 2.56c0 1.558-1.236 2.839-2.996 2.839c-2.159 0-3.22-1.557-3.22-3.43c0-1.473.562-2.705 1.436-3.491c.811-.713 1.86-1.1 3.132-1.16a6 6 0 0 1 .436-.02m6.926 0a6 6 0 0 1 .327.008v1.413c-.211 0-.436 0-.736.024c-1.685.133-2.434.967-2.646 1.884h.038c.399-.398.961-.628 1.723-.628c1.36 0 2.507.93 2.507 2.56c0 1.558-1.235 2.839-2.995 2.839c-2.16 0-3.22-1.557-3.22-3.43c0-1.473.562-2.705 1.436-3.491c.811-.713 1.86-1.1 3.132-1.16a6 6 0 0 1 .435-.02m-8.847 4.006c-.512 0-.936.3-1.123.7c-.05.096-.075.242-.075.46c.037.833.449 1.582 1.31 1.582h.013c.661 0 1.085-.593 1.085-1.39c0-.725-.399-1.352-1.21-1.352m6.928 0c-.512 0-.936.3-1.123.7c-.05.096-.075.242-.075.46c.037.833.449 1.582 1.31 1.582h.013c.661 0 1.085-.593 1.085-1.39c0-.725-.4-1.352-1.21-1.352"/></svg>
reactReact 组件（TSX）
export function Cloud66Icon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      width="1em"
      height="1em"
      viewBox="0 0 24 24"
      fill="currentColor"
      {...props}
      dangerouslySetInnerHTML={{ __html: `<path fill="currentColor" d="M11.985.317C7.087 2.716 2.967.423 2.967.423C1.107 3.486.216 6.175 0 8.527h24c-.217-2.351-1.108-5.036-2.967-8.096c0 0-4.12 2.29-9.019-.108zM5.22 3.527c.424 0 .745.086.89.16l-.166.641a1.8 1.8 0 0 0-.687-.133c-.648 0-1.152.387-1.152 1.182c0 .716.428 1.167 1.157 1.167c.247 0 .52-.054.682-.117l.124.632c-.15.074-.489.159-.929.159c-1.248 0-1.891-.775-1.891-1.793c0-1.22.879-1.898 1.972-1.898m6.314 0c1.11 0 1.714.822 1.714 1.809c0 1.171-.717 1.882-1.773 1.882c-1.072 0-1.7-.8-1.7-1.819c0-1.07.692-1.872 1.759-1.872m7.81.033c.685 0 1.13.122 1.478.382c.376.276.612.715.612 1.346c0 .683-.252 1.156-.6 1.448c-.381.312-.96.46-1.667.46a7 7 0 0 1-.928-.052v-3.51a7 7 0 0 1 1.104-.074m-12.341.027h.82V6.48h1.435v.679H7.003zm7.178 0H15v2.056c0 .615.236.928.654.928c.43 0 .664-.297.664-.928V3.587h.816V5.59c0 1.103-.564 1.628-1.507 1.628c-.911 0-1.447-.499-1.447-1.639zm-2.672.582c-.55 0-.87.521-.87 1.217c0 .7.331 1.195.876 1.195c.55 0 .865-.52.865-1.216c0-.643-.31-1.196-.87-1.196m7.92.01c-.182 0-.3.017-.37.033v2.343c.07.016.182.016.284.016c.74.005 1.222-.399 1.222-1.254c.005-.744-.433-1.138-1.135-1.138M.006 9.79c-.28 10.276 11.98 13.888 11.98 13.888l.03.006S24.282 20.07 23.996 9.79zm10.769 1.28a6 6 0 0 1 .326.008v1.413c-.212 0-.437 0-.737.024c-1.685.133-2.434.967-2.646 1.884h.038c.399-.398.961-.628 1.723-.628c1.36 0 2.508.93 2.508 2.56c0 1.558-1.236 2.839-2.996 2.839c-2.159 0-3.22-1.557-3.22-3.43c0-1.473.562-2.705 1.436-3.491c.811-.713 1.86-1.1 3.132-1.16a6 6 0 0 1 .436-.02m6.926 0a6 6 0 0 1 .327.008v1.413c-.211 0-.436 0-.736.024c-1.685.133-2.434.967-2.646 1.884h.038c.399-.398.961-.628 1.723-.628c1.36 0 2.507.93 2.507 2.56c0 1.558-1.235 2.839-2.995 2.839c-2.16 0-3.22-1.557-3.22-3.43c0-1.473.562-2.705 1.436-3.491c.811-.713 1.86-1.1 3.132-1.16a6 6 0 0 1 .435-.02m-8.847 4.006c-.512 0-.936.3-1.123.7c-.05.096-.075.242-.075.46c.037.833.449 1.582 1.31 1.582h.013c.661 0 1.085-.593 1.085-1.39c0-.725-.399-1.352-1.21-1.352m6.928 0c-.512 0-.936.3-1.123.7c-.05.096-.075.242-.075.46c.037.833.449 1.582 1.31 1.582h.013c.661 0 1.085-.593 1.085-1.39c0-.725-.4-1.352-1.21-1.352"/>` }}
    />
  );
}
vueVue 3 组件
<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" fill="currentColor" v-html="body"></svg>
</template>

<script setup>
const body = `<path fill="currentColor" d="M11.985.317C7.087 2.716 2.967.423 2.967.423C1.107 3.486.216 6.175 0 8.527h24c-.217-2.351-1.108-5.036-2.967-8.096c0 0-4.12 2.29-9.019-.108zM5.22 3.527c.424 0 .745.086.89.16l-.166.641a1.8 1.8 0 0 0-.687-.133c-.648 0-1.152.387-1.152 1.182c0 .716.428 1.167 1.157 1.167c.247 0 .52-.054.682-.117l.124.632c-.15.074-.489.159-.929.159c-1.248 0-1.891-.775-1.891-1.793c0-1.22.879-1.898 1.972-1.898m6.314 0c1.11 0 1.714.822 1.714 1.809c0 1.171-.717 1.882-1.773 1.882c-1.072 0-1.7-.8-1.7-1.819c0-1.07.692-1.872 1.759-1.872m7.81.033c.685 0 1.13.122 1.478.382c.376.276.612.715.612 1.346c0 .683-.252 1.156-.6 1.448c-.381.312-.96.46-1.667.46a7 7 0 0 1-.928-.052v-3.51a7 7 0 0 1 1.104-.074m-12.341.027h.82V6.48h1.435v.679H7.003zm7.178 0H15v2.056c0 .615.236.928.654.928c.43 0 .664-.297.664-.928V3.587h.816V5.59c0 1.103-.564 1.628-1.507 1.628c-.911 0-1.447-.499-1.447-1.639zm-2.672.582c-.55 0-.87.521-.87 1.217c0 .7.331 1.195.876 1.195c.55 0 .865-.52.865-1.216c0-.643-.31-1.196-.87-1.196m7.92.01c-.182 0-.3.017-.37.033v2.343c.07.016.182.016.284.016c.74.005 1.222-.399 1.222-1.254c.005-.744-.433-1.138-1.135-1.138M.006 9.79c-.28 10.276 11.98 13.888 11.98 13.888l.03.006S24.282 20.07 23.996 9.79zm10.769 1.28a6 6 0 0 1 .326.008v1.413c-.212 0-.437 0-.737.024c-1.685.133-2.434.967-2.646 1.884h.038c.399-.398.961-.628 1.723-.628c1.36 0 2.508.93 2.508 2.56c0 1.558-1.236 2.839-2.996 2.839c-2.159 0-3.22-1.557-3.22-3.43c0-1.473.562-2.705 1.436-3.491c.811-.713 1.86-1.1 3.132-1.16a6 6 0 0 1 .436-.02m6.926 0a6 6 0 0 1 .327.008v1.413c-.211 0-.436 0-.736.024c-1.685.133-2.434.967-2.646 1.884h.038c.399-.398.961-.628 1.723-.628c1.36 0 2.507.93 2.507 2.56c0 1.558-1.235 2.839-2.995 2.839c-2.16 0-3.22-1.557-3.22-3.43c0-1.473.562-2.705 1.436-3.491c.811-.713 1.86-1.1 3.132-1.16a6 6 0 0 1 .435-.02m-8.847 4.006c-.512 0-.936.3-1.123.7c-.05.096-.075.242-.075.46c.037.833.449 1.582 1.31 1.582h.013c.661 0 1.085-.593 1.085-1.39c0-.725-.399-1.352-1.21-1.352m6.928 0c-.512 0-.936.3-1.123.7c-.05.096-.075.242-.075.46c.037.833.449 1.582 1.31 1.582h.013c.661 0 1.085-.593 1.085-1.39c0-.725-.4-1.352-1.21-1.352"/>`;
</script>
cssCSS mask（随 currentColor 改色）
.cloud66 {
  width: 1em;
  height: 1em;
  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%20d%3D%22M11.985.317C7.087%202.716%202.967.423%202.967.423C1.107%203.486.216%206.175%200%208.527h24c-.217-2.351-1.108-5.036-2.967-8.096c0%200-4.12%202.29-9.019-.108zM5.22%203.527c.424%200%20.745.086.89.16l-.166.641a1.8%201.8%200%200%200-.687-.133c-.648%200-1.152.387-1.152%201.182c0%20.716.428%201.167%201.157%201.167c.247%200%20.52-.054.682-.117l.124.632c-.15.074-.489.159-.929.159c-1.248%200-1.891-.775-1.891-1.793c0-1.22.879-1.898%201.972-1.898m6.314%200c1.11%200%201.714.822%201.714%201.809c0%201.171-.717%201.882-1.773%201.882c-1.072%200-1.7-.8-1.7-1.819c0-1.07.692-1.872%201.759-1.872m7.81.033c.685%200%201.13.122%201.478.382c.376.276.612.715.612%201.346c0%20.683-.252%201.156-.6%201.448c-.381.312-.96.46-1.667.46a7%207%200%200%201-.928-.052v-3.51a7%207%200%200%201%201.104-.074m-12.341.027h.82V6.48h1.435v.679H7.003zm7.178%200H15v2.056c0%20.615.236.928.654.928c.43%200%20.664-.297.664-.928V3.587h.816V5.59c0%201.103-.564%201.628-1.507%201.628c-.911%200-1.447-.499-1.447-1.639zm-2.672.582c-.55%200-.87.521-.87%201.217c0%20.7.331%201.195.876%201.195c.55%200%20.865-.52.865-1.216c0-.643-.31-1.196-.87-1.196m7.92.01c-.182%200-.3.017-.37.033v2.343c.07.016.182.016.284.016c.74.005%201.222-.399%201.222-1.254c.005-.744-.433-1.138-1.135-1.138M.006%209.79c-.28%2010.276%2011.98%2013.888%2011.98%2013.888l.03.006S24.282%2020.07%2023.996%209.79zm10.769%201.28a6%206%200%200%201%20.326.008v1.413c-.212%200-.437%200-.737.024c-1.685.133-2.434.967-2.646%201.884h.038c.399-.398.961-.628%201.723-.628c1.36%200%202.508.93%202.508%202.56c0%201.558-1.236%202.839-2.996%202.839c-2.159%200-3.22-1.557-3.22-3.43c0-1.473.562-2.705%201.436-3.491c.811-.713%201.86-1.1%203.132-1.16a6%206%200%200%201%20.436-.02m6.926%200a6%206%200%200%201%20.327.008v1.413c-.211%200-.436%200-.736.024c-1.685.133-2.434.967-2.646%201.884h.038c.399-.398.961-.628%201.723-.628c1.36%200%202.507.93%202.507%202.56c0%201.558-1.235%202.839-2.995%202.839c-2.16%200-3.22-1.557-3.22-3.43c0-1.473.562-2.705%201.436-3.491c.811-.713%201.86-1.1%203.132-1.16a6%206%200%200%201%20.435-.02m-8.847%204.006c-.512%200-.936.3-1.123.7c-.05.096-.075.242-.075.46c.037.833.449%201.582%201.31%201.582h.013c.661%200%201.085-.593%201.085-1.39c0-.725-.399-1.352-1.21-1.352m6.928%200c-.512%200-.936.3-1.123.7c-.05.096-.075.242-.075.46c.037.833.449%201.582%201.31%201.582h.013c.661%200%201.085-.593%201.085-1.39c0-.725-.4-1.352-1.21-1.352%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%20d%3D%22M11.985.317C7.087%202.716%202.967.423%202.967.423C1.107%203.486.216%206.175%200%208.527h24c-.217-2.351-1.108-5.036-2.967-8.096c0%200-4.12%202.29-9.019-.108zM5.22%203.527c.424%200%20.745.086.89.16l-.166.641a1.8%201.8%200%200%200-.687-.133c-.648%200-1.152.387-1.152%201.182c0%20.716.428%201.167%201.157%201.167c.247%200%20.52-.054.682-.117l.124.632c-.15.074-.489.159-.929.159c-1.248%200-1.891-.775-1.891-1.793c0-1.22.879-1.898%201.972-1.898m6.314%200c1.11%200%201.714.822%201.714%201.809c0%201.171-.717%201.882-1.773%201.882c-1.072%200-1.7-.8-1.7-1.819c0-1.07.692-1.872%201.759-1.872m7.81.033c.685%200%201.13.122%201.478.382c.376.276.612.715.612%201.346c0%20.683-.252%201.156-.6%201.448c-.381.312-.96.46-1.667.46a7%207%200%200%201-.928-.052v-3.51a7%207%200%200%201%201.104-.074m-12.341.027h.82V6.48h1.435v.679H7.003zm7.178%200H15v2.056c0%20.615.236.928.654.928c.43%200%20.664-.297.664-.928V3.587h.816V5.59c0%201.103-.564%201.628-1.507%201.628c-.911%200-1.447-.499-1.447-1.639zm-2.672.582c-.55%200-.87.521-.87%201.217c0%20.7.331%201.195.876%201.195c.55%200%20.865-.52.865-1.216c0-.643-.31-1.196-.87-1.196m7.92.01c-.182%200-.3.017-.37.033v2.343c.07.016.182.016.284.016c.74.005%201.222-.399%201.222-1.254c.005-.744-.433-1.138-1.135-1.138M.006%209.79c-.28%2010.276%2011.98%2013.888%2011.98%2013.888l.03.006S24.282%2020.07%2023.996%209.79zm10.769%201.28a6%206%200%200%201%20.326.008v1.413c-.212%200-.437%200-.737.024c-1.685.133-2.434.967-2.646%201.884h.038c.399-.398.961-.628%201.723-.628c1.36%200%202.508.93%202.508%202.56c0%201.558-1.236%202.839-2.996%202.839c-2.159%200-3.22-1.557-3.22-3.43c0-1.473.562-2.705%201.436-3.491c.811-.713%201.86-1.1%203.132-1.16a6%206%200%200%201%20.436-.02m6.926%200a6%206%200%200%201%20.327.008v1.413c-.211%200-.436%200-.736.024c-1.685.133-2.434.967-2.646%201.884h.038c.399-.398.961-.628%201.723-.628c1.36%200%202.507.93%202.507%202.56c0%201.558-1.235%202.839-2.995%202.839c-2.16%200-3.22-1.557-3.22-3.43c0-1.473.562-2.705%201.436-3.491c.811-.713%201.86-1.1%203.132-1.16a6%206%200%200%201%20.435-.02m-8.847%204.006c-.512%200-.936.3-1.123.7c-.05.096-.075.242-.075.46c.037.833.449%201.582%201.31%201.582h.013c.661%200%201.085-.593%201.085-1.39c0-.725-.399-1.352-1.21-1.352m6.928%200c-.512%200-.936.3-1.123.7c-.05.096-.075.242-.075.46c.037.833.449%201.582%201.31%201.582h.013c.661%200%201.085-.593%201.085-1.39c0-.725-.4-1.352-1.21-1.352%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

给 cloud66 加一点动效

单文件 CSS 即可播放，无需任何依赖；描画动效仅对描边类图标生效。

cloud66 呼吸动效演示

呼吸

透明度往复渐变，适合状态提示与在线指示。

css呼吸动效样式
.icon-cloud66 {
  animation: icon-breathe 1.8s ease-in-out infinite;
}

@keyframes icon-breathe {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.35; }
}
cloud66 旋转动效演示

旋转

匀速循环旋转，适合加载中场景。

css旋转动效样式
.icon-cloud66 {
  animation: icon-spin 1.6s linear infinite;
}

@keyframes icon-spin {
  to { transform: rotate(360deg); }
}

SVG 健康报告

对源文件的客观技术指标，供工程侧评估引用方式。

文件体积

2.14 KB

2,189 字节

viewBox

0 0 24 24

矢量坐标系

图元总数

1

<path> ×1

风格

单色（跟随 currentColor）

填充跟随容器颜色

同时含 width/height 与 viewBox：可以只保留 viewBox，让图标跟随容器自适应缩放。 文件体积 2.14 KB（2,189 字节），图元 1 个，风格为单色（跟随 currentColor）。

常见问题

关于 cloud66 图标的下载、商用与改色。

cloud66 图标是什么？▾

它是 Simple Icons（simple-icons）开源图标集中的 cloud66 图标，单色（跟随 currentColor），viewBox 为 0 0 24 24，文件仅 2.14 KB，矢量格式可无损缩放到任意尺寸。

如何下载 cloud66 图标？▾

点击「下载与导出」中的 SVG 源文件按钮保存矢量文件；也可以按 512 / 256 / 128 / 64 / 32 / 16px 预设导出 PNG，或在输入框填 16~1024 之间的任意尺寸。需要 iOS、Android 全套尺寸时，用素材包生成器一键打包。

cloud66 图标可以商用吗？▾

该图标采用 CC0 1.0（CC0-1.0） 开源协议，通常允许在遵守协议的前提下免费使用，常见要求是保留作者版权声明。商用前建议阅读协议原文确认。

如何修改 cloud66 图标的颜色？▾

在「预览与场景」的色板中切换颜色，三底色与全部场景会实时跟随；点击任一相近图标可打开预览弹层，复制对应颜色的 SVG 源码或 PNG。也可以复制 SVG 源码后自行修改 fill 值。