SVG 图标

Adobe Aero

还没有评分，抢首评

软件SaaS

标签adobe 设计工具 entertainment 软件

复制与下载

SVG 矢量格式 · 当前版本

官方网站

使用场景

颜色与描边跟随预览参数实时变化，以下为常见界面中的渲染效果。

按钮内

输入框

搜索Adobe Aero...

导航

Adobe Aero

空状态

暂无内容

场景预览

桌面 / 浏览器 / 按钮 / 导航栏

手机桌面 · App 图标

9:41

Adobe Aero

浏览器 · 标签页与站点

www.adobe.com

Adobe Aero开始使用

操作按钮 · 主次层级

Adobe Aero了解更多

底部导航 · Tab 栏

Adobe Aero推荐收藏我的

UI 使用示例

真实组件上下文中的渲染效果，代码可直接复制。

导航项

导航菜单

html

<a href="#" class="flex items-center gap-2.5 rounded-lg px-3 py-2 text-sm text-neutral-700 hover:bg-neutral-100 dark:text-neutral-200 dark:hover:bg-neutral-800">
  <!-- 内联 Adobe Aero SVG -->
  <span>导航菜单</span>
</a>

主要按钮

立即开始

html

<button class="inline-flex items-center gap-2 rounded-lg bg-neutral-900 px-4 py-2 text-sm font-medium text-white dark:bg-neutral-100 dark:text-neutral-900">
  <!-- 内联 Adobe Aero SVG -->
  立即开始
</button>

React 组件

内联引入

react

import { AdobeAeroIcon } from './icons';

function Nav() {
  return <AdobeAeroIcon className="size-4" />;
}

状态徽标

已完成

html

<span class="inline-flex items-center gap-1.5 rounded-full bg-neutral-100 px-2.5 py-1 text-xs font-medium text-neutral-700">
  <!-- 内联 Adobe Aero SVG -->
  已完成
</span>

输入框前缀

搜索框

搜索Adobe Aero…

html

<div class="flex items-center gap-2 rounded-lg border border-neutral-200 px-3 py-2 text-sm">
  <!-- 内联 Adobe Aero SVG -->
  <input placeholder="搜索Adobe Aero…" class="w-full outline-none" />
</div>

功能卡片

功能名称

功能的一句话说明。

html

<div class="rounded-xl border border-neutral-200 p-4">
  <span class="flex size-9 items-center justify-center rounded-lg bg-neutral-900 text-white">
    <!-- 内联 Adobe Aero SVG -->
  </span>
  <p class="mt-3 text-sm font-medium">功能名称</p>
  <p class="mt-1 text-xs text-neutral-500">功能的一句话说明。</p>
</div>

动效图标

为 Adobe Aero 添加 CSS 动效，导出的 SVG 内嵌样式，单文件即可播放，无需任何依赖。

描画

线条从无到有依次绘出，适合线性图标

.icon-8090e08523ccf3b3 { stroke-dasharray: 1; animation: svg-draw 1.2s forwards; }

呼吸

透明度往复渐变，适合状态提示图标

.icon-8090e08523ccf3b3 { animation: svg-breathe 1.8s infinite; }

旋转

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

.icon-8090e08523ccf3b3 { animation: svg-spin 1.6s linear infinite; }

用法示例

Adobe Aero 在真实界面中的三种常见用法。

继续下一步

按钮内
16px · action 触发

Adobe Aero

导航项
18px · 列表选中态

暂无数据

空状态
40px · 引导提示

各尺寸下的 Adobe Aero

24px 到 128px 六个常用尺寸的真实渲染，用于检查小尺寸下的可读性。

24px

32px

48px

64px

96px

128px

下载 Adobe Aero 图标

SVG 矢量文件、PNG 位图（预设 16~512px 或自定义 16~1024px）、Favicon 包、App 图标包（iOS + Android）与矢量 PDF 一键导出；下载前可在下方「预览参数」改色，导出文件同步生效。

按预览颜色导出自定义尺寸px（16~1024）

复制 Adobe Aero 图标代码

Web、移动端、桌面端与小程序共 17 种格式；代码基于当前预览颜色生成，复制即用。

svg

<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2_276)">
<path d="M26.3333 0H5.66667C2.53705 0 0 2.53705 0 5.66667V25.5333C0 28.6629 2.53705 31.2 5.66667 31.2H26.3333C29.4629 31.2 32 28.6629 32 25.5333V5.66667C32 2.53705 29.4629 0 26.3333 0Z" fill="#99e83f"/>
<path d="M14.401 18.6667H9.44224L8.43332 21.8068C8.41957 21.864 8.38632 21.9145 8.3393 21.9498C8.29227 21.9851 8.23442 22.0028 8.17571 22H5.66412C5.52089 22 5.4708 21.9213 5.51386 21.7639L9.80715 9.45018C9.85012 9.3214 9.89302 9.1955 9.93599 9.03079C9.99215 8.74438 10.0209 8.45328 10.0219 8.16142C10.0189 8.14101 10.0208 8.12019 10.0273 8.10063C10.0339 8.08107 10.0449 8.0633 10.0594 8.04872C10.074 8.03414 10.0918 8.02315 10.1113 8.01662C10.1309 8.0101 10.1517 8.00822 10.1721 8.01112H13.5853C13.6853 8.01112 13.7425 8.04691 13.757 8.11848L18.63 21.7853C18.6729 21.9286 18.63 22.0001 18.5012 22H15.7105C15.6625 22.0053 15.6143 21.993 15.5748 21.9653C15.5353 21.9377 15.5072 21.8966 15.4958 21.8498L14.401 18.6667ZM10.215 16.019H13.6068C13.5209 15.7329 13.4207 15.4109 13.3062 15.053C13.1915 14.6954 13.0699 14.3126 12.9413 13.9045C12.8125 13.4967 12.6837 13.0888 12.5549 12.6809C12.4261 12.2731 12.308 11.8795 12.2007 11.5002C12.0934 11.1212 11.9968 10.7742 11.9109 10.4591H11.8894C11.7686 11.0389 11.6181 11.6121 11.4387 12.1764C11.2381 12.8205 11.0341 13.4788 10.8268 14.1514C10.6192 14.8242 10.4153 15.4468 10.215 16.019H10.215Z" fill="#99e83f"/>
<path d="M20.0467 11.3334H22.3866C22.4502 11.3339 22.5118 11.3552 22.5621 11.3939C22.6125 11.4327 22.6488 11.4868 22.6657 11.5481C22.7159 11.6596 22.752 11.7769 22.773 11.8974C22.803 12.0355 22.8245 12.1753 22.8374 12.316C22.8515 12.4663 22.8586 12.6273 22.8589 12.799C23.2602 12.3318 23.7441 11.9425 24.2864 11.6506C24.868 11.3214 25.5275 11.1546 26.1957 11.1676C26.2219 11.1638 26.2487 11.1662 26.2739 11.1746C26.299 11.183 26.3219 11.1971 26.3406 11.2158C26.3594 11.2346 26.3735 11.2574 26.3819 11.2826C26.3903 11.3077 26.3927 11.3345 26.3889 11.3608V13.9582C26.3889 14.0585 26.3171 14.1085 26.1743 14.1085C25.7287 14.0777 25.281 14.1103 24.8445 14.2051C24.4605 14.2814 24.0861 14.4002 23.7283 14.5593C23.4203 14.7025 23.0939 14.8672 22.9223 15.053V21.8068C22.9223 21.9356 22.865 22 22.7505 22H20.2399C20.2108 22.0042 20.181 22.0016 20.1531 21.9923C20.1251 21.9829 20.0997 21.9672 20.0789 21.9464C20.058 21.9256 20.0423 21.9002 20.033 
…

预览参数

调整颜色、描边或开启轮廓化，使用场景与用法示例实时跟随。

颜色

风格变体

细线 · 1.2px · 密集布局

常规 · 2px · 通用界面

加粗 · 3.5px · 大尺寸标题

关于 Adobe Aero 图标

Adobe Aero 是软件SaaS分类下的矢量图标（SVG 格式），矢量特性意味着任意缩放不失真，适配网页、App、演示文稿与印刷物料。软件产品与在线服务平台的品牌标识。

在本页点击「下载」即可保存 Adobe Aero 的 SVG 矢量文件，或在下载面板中选择 PNG（16~512px）与 Favicon 包等导出方式；也可以直接复制 SVG 源码、Data URI 或 React/Vue 组件代码。了解 Adobe Aero 更多信息可访问官方网站。

Adobe Aero 的品牌标志与名称版权归其品牌方所有，本站内容仅供学习与设计识别参考，请勿用于商标注册或误导性用途；商用前请确认品牌官方的使用规范与授权要求（参见品牌官网）。文件体积 2.88 KB，viewBox 为 0 0 32 32，共 4 个矢量图元。

常见问题

Adobe Aero 图标是什么？

Adobe Aero 是软件SaaS分类下的矢量图标（SVG 格式），矢量特性意味着任意缩放不失真，适配网页、App、演示文稿与印刷物料。

如何下载 Adobe Aero 图标？

在本页点击「下载 SVG」即可保存 Adobe Aero 的矢量文件，或在下载面板中选择 PNG（16~512px）与 Favicon 包等导出方式；也可以直接复制 SVG 源码、Data URI 或 React/Vue 组件代码。

Adobe Aero 图标可以商用吗？

Adobe Aero 为品牌标志，版权归品牌方所有，本站内容仅供识别参考；商用前请先确认对应品牌的使用规范与授权要求。

如何修改 Adobe Aero 图标的颜色？

在「预览参数」面板中调整颜色与描边宽度，使用场景与用法示例会实时跟随，确认效果后再复制或下载即可。

SVG 健康报告

100/100

同时含 width/height 与 viewBox，可仅保留 viewBox 以自适应容器

文件体积

2.88 KB

2,953 字节

viewBox

0 0 32 32

同时含 width/height 与 viewBox，可仅保留 viewBox 以自适应容器

图元总数

<path> ×3 · <rect> ×1

风格

双色

2 种品牌色 · 纯填充

提取色值#99e83f#1e3101

相似图标

按名称与标签相似度排序。

27%

26%

26%

24%

21%

18%

18%

17%

17%

17%

17%

16%

同色系图标

品牌色 #99e83f 的同色相色阶，点击复制色值；下方为同分类中可搭配使用的图标。

#f3fce8#e2f8c8#c5f292#a3ea52#81db1a#99e83f#76c818#559111

Adobe Aero 品牌色详表
RGB	HSL	CMYK	色名
153, 232, 63	88°, 79%, 58%	34, 0, 73, 9	品牌主色 · 薄荷绿
226, 248, 200	88°, 77%, 88%	9, 0, 19, 3	米色
197, 242, 146	88°, 79%, 76%	19, 0, 40, 5	薄荷绿
163, 234, 82	88°, 78%, 62%	30, 0, 65, 8	薄荷绿

Adobe Aero 的其他风格版本

同名图标的不同绘制风格，切换后预览与下载均使用所选版本。

默认

图形

图标信息摘要

Adobe Aero 是一个软件SaaS类别的单文件 SVG 矢量图标，文件体积 2.88 KB，协议为™ 品牌商标（版权归品牌方，仅供识别参考）。可在本站免费下载 Adobe Aero的 SVG 源文件与 PNG 位图（16-512px），支持自定义颜色与描边宽度、一键生成 Favicon 包，并提供 React / Vue 组件代码与 Data URI 引用。详情参见Adobe Aero 官网。