下载 adobe 图标
SVG 矢量源文件,或 PNG 按 16~512 预设与 16~1024 自定义尺寸导出,任意尺寸边缘锐利。
PNG 由矢量源实时渲染,任意尺寸边缘锐利无锯齿;下载与预览均免费,无需注册。
adobe 的预览与使用场景
切换预览颜色后,下方三底色、真实界面场景与各尺寸渲染会实时跟随。
在真实界面里长这样
各尺寸下的可读性
复制 adobe 图标代码
内联 SVG、React、Vue 与 CSS mask 四种主流引用方式,代码基于当前源文件生成,复制即用。
<svg xmlns="http://www.w3.org/2000/svg" width="3.83em" height="1em" viewBox="0 0 512 134"><path fill="#fa0f00" d="m221.02 88.874l-5.524 17.025c-.152.567-.68.952-1.266.921h-13.327c-.805 0-1.033-.46-.922-1.149l23.005-66.373a20.9 20.9 0 0 0 1.155-7.02a.766.766 0 0 1 .689-.804h18.408c.555 0 .805.116.922.688l26.098 73.626c.228.555.117 1.032-.555 1.032h-14.954a1.16 1.16 0 0 1-1.266-.805l-5.864-17.141zm4.138-14.377h18.18l-1.75-5.633c-2.411-7.66-5.621-17.629-7.34-24.047h-.117c-1.838 7.708-5.98 20.363-8.973 29.68m46.932 4.232c-.005-16.448 12.3-30.252 33.356-30.252c.917 0 2.072.116 3.799.227V26.043a.727.727 0 0 1 .587-.797l14.71-.008c.556 0 .695.227.695.688V93.91a65 65 0 0 0 .46 8.402c0 .444-.074.693-.456.89l-.348.142a57.8 57.8 0 0 1-22.662 4.604c-17.025 0-30.14-9.662-30.14-29.22m37.155-16.337a11.9 11.9 0 0 0-4.26-.555a15.35 15.35 0 0 0-16.465 15.007l.018 1.096c0 11.389 6.558 16.337 15.298 16.337a16.2 16.2 0 0 0 5.409-.689zm81.83 14.32l.041 1.206c0 18.063-11.733 30.024-28.32 30.024c-19.673 0-28.414-14.837-28.414-29.68a28.147 28.147 0 0 1 28.642-29.791c18.044 0 27.574 13.211 28.051 28.24m-40.473 1.306c0 10.123 4.715 16.564 12.422 16.564c6.664 0 11.733-5.753 11.733-16.337c0-8.973-3.681-16.447-12.421-16.447c-6.664 0-11.734 5.98-11.734 16.22m50.654-52.78l14.032-.006c.921 0 1.15.117 1.15.922v23.583a37 37 0 0 1 7.706-1.217l1.955-.049a26.326 26.326 0 0 1 27.63 25.998l-.021 1.383c0 21.512-17.025 32.096-34.506 32.096a60.2 60.2 0 0 1-18.063-2.643a1.36 1.36 0 0 1-.689-1.15v-78.11c0-.555.228-.805.806-.805m22.959 36.79l-.987.014a23.4 23.4 0 0 0-6.785.922v31.174c.93.215 1.876.356 2.828.42l1.43.04a15.83 15.83 0 0 0 16.66-17.252a13.516 13.516 0 0 0-13.146-15.317m51.97 20.371c.555 6.558 5.175 11.966 16.448 11.966c4.847.09 9.662-.811 14.148-2.648c.35-.228.694-.117.694.555V103.2c0 .805-.227 1.15-.805 1.383a38.65 38.65 0 0 1-15.79 3.374l-1.812-.043c-21.623 0-29.22-14.837-29.22-29.102c0-15.479 9.296-29.643 26.498-30.342l1.339-.027a23.455 23.455 0 0 1 24.272 24.85a37 37 0 0 1-.556 7.707a.994.994 0 0 1-.921.921q-4.433.42-8.884.47zm14.954-11.156a37.5 37.5 0 0 0 5.753-.227v-.806a9.357 9.357 0 0 0-9.779-9.09a10.9 10.9 0 0 0-11.045 10.123zM75.314 49.137l35.466 84.148H87.535l-10.611-26.798H50.97zM150.599 0v133.269L94.921 0zM55.701 0L0 133.269V0z"/></svg>export function AdobeIcon(props: React.SVGProps<SVGSVGElement>) {
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width="1em"
height="1em"
viewBox="0 0 512 134"
fill="currentColor"
{...props}
dangerouslySetInnerHTML={{ __html: `<path fill="#fa0f00" d="m221.02 88.874l-5.524 17.025c-.152.567-.68.952-1.266.921h-13.327c-.805 0-1.033-.46-.922-1.149l23.005-66.373a20.9 20.9 0 0 0 1.155-7.02a.766.766 0 0 1 .689-.804h18.408c.555 0 .805.116.922.688l26.098 73.626c.228.555.117 1.032-.555 1.032h-14.954a1.16 1.16 0 0 1-1.266-.805l-5.864-17.141zm4.138-14.377h18.18l-1.75-5.633c-2.411-7.66-5.621-17.629-7.34-24.047h-.117c-1.838 7.708-5.98 20.363-8.973 29.68m46.932 4.232c-.005-16.448 12.3-30.252 33.356-30.252c.917 0 2.072.116 3.799.227V26.043a.727.727 0 0 1 .587-.797l14.71-.008c.556 0 .695.227.695.688V93.91a65 65 0 0 0 .46 8.402c0 .444-.074.693-.456.89l-.348.142a57.8 57.8 0 0 1-22.662 4.604c-17.025 0-30.14-9.662-30.14-29.22m37.155-16.337a11.9 11.9 0 0 0-4.26-.555a15.35 15.35 0 0 0-16.465 15.007l.018 1.096c0 11.389 6.558 16.337 15.298 16.337a16.2 16.2 0 0 0 5.409-.689zm81.83 14.32l.041 1.206c0 18.063-11.733 30.024-28.32 30.024c-19.673 0-28.414-14.837-28.414-29.68a28.147 28.147 0 0 1 28.642-29.791c18.044 0 27.574 13.211 28.051 28.24m-40.473 1.306c0 10.123 4.715 16.564 12.422 16.564c6.664 0 11.733-5.753 11.733-16.337c0-8.973-3.681-16.447-12.421-16.447c-6.664 0-11.734 5.98-11.734 16.22m50.654-52.78l14.032-.006c.921 0 1.15.117 1.15.922v23.583a37 37 0 0 1 7.706-1.217l1.955-.049a26.326 26.326 0 0 1 27.63 25.998l-.021 1.383c0 21.512-17.025 32.096-34.506 32.096a60.2 60.2 0 0 1-18.063-2.643a1.36 1.36 0 0 1-.689-1.15v-78.11c0-.555.228-.805.806-.805m22.959 36.79l-.987.014a23.4 23.4 0 0 0-6.785.922v31.174c.93.215 1.876.356 2.828.42l1.43.04a15.83 15.83 0 0 0 16.66-17.252a13.516 13.516 0 0 0-13.146-15.317m51.97 20.371c.555 6.558 5.175 11.966 16.448 11.966c4.847.09 9.662-.811 14.148-2.648c.35-.228.694-.117.694.555V103.2c0 .805-.227 1.15-.805 1.383a38.65 38.65 0 0 1-15.79 3.374l-1.812-.043c-21.623 0-29.22-14.837-29.22-29.102c0-15.479 9.296-29.643 26.498-30.342l1.339-.027a23.455 23.455 0 0 1 24.272 24.85a37 37 0 0 1-.556 7.707a.994.994 0 0 1-.921.921q-4.433.42-8.884.47zm14.954-11.156a37.5 37.5 0 0 0 5.753-.227v-.806a9.357 9.357 0 0 0-9.779-9.09a10.9 10.9 0 0 0-11.045 10.123zM75.314 49.137l35.466 84.148H87.535l-10.611-26.798H50.97zM150.599 0v133.269L94.921 0zM55.701 0L0 133.269V0z"/>` }}
/>
);
}<template>
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 134" fill="currentColor" v-html="body"></svg>
</template>
<script setup>
const body = `<path fill="#fa0f00" d="m221.02 88.874l-5.524 17.025c-.152.567-.68.952-1.266.921h-13.327c-.805 0-1.033-.46-.922-1.149l23.005-66.373a20.9 20.9 0 0 0 1.155-7.02a.766.766 0 0 1 .689-.804h18.408c.555 0 .805.116.922.688l26.098 73.626c.228.555.117 1.032-.555 1.032h-14.954a1.16 1.16 0 0 1-1.266-.805l-5.864-17.141zm4.138-14.377h18.18l-1.75-5.633c-2.411-7.66-5.621-17.629-7.34-24.047h-.117c-1.838 7.708-5.98 20.363-8.973 29.68m46.932 4.232c-.005-16.448 12.3-30.252 33.356-30.252c.917 0 2.072.116 3.799.227V26.043a.727.727 0 0 1 .587-.797l14.71-.008c.556 0 .695.227.695.688V93.91a65 65 0 0 0 .46 8.402c0 .444-.074.693-.456.89l-.348.142a57.8 57.8 0 0 1-22.662 4.604c-17.025 0-30.14-9.662-30.14-29.22m37.155-16.337a11.9 11.9 0 0 0-4.26-.555a15.35 15.35 0 0 0-16.465 15.007l.018 1.096c0 11.389 6.558 16.337 15.298 16.337a16.2 16.2 0 0 0 5.409-.689zm81.83 14.32l.041 1.206c0 18.063-11.733 30.024-28.32 30.024c-19.673 0-28.414-14.837-28.414-29.68a28.147 28.147 0 0 1 28.642-29.791c18.044 0 27.574 13.211 28.051 28.24m-40.473 1.306c0 10.123 4.715 16.564 12.422 16.564c6.664 0 11.733-5.753 11.733-16.337c0-8.973-3.681-16.447-12.421-16.447c-6.664 0-11.734 5.98-11.734 16.22m50.654-52.78l14.032-.006c.921 0 1.15.117 1.15.922v23.583a37 37 0 0 1 7.706-1.217l1.955-.049a26.326 26.326 0 0 1 27.63 25.998l-.021 1.383c0 21.512-17.025 32.096-34.506 32.096a60.2 60.2 0 0 1-18.063-2.643a1.36 1.36 0 0 1-.689-1.15v-78.11c0-.555.228-.805.806-.805m22.959 36.79l-.987.014a23.4 23.4 0 0 0-6.785.922v31.174c.93.215 1.876.356 2.828.42l1.43.04a15.83 15.83 0 0 0 16.66-17.252a13.516 13.516 0 0 0-13.146-15.317m51.97 20.371c.555 6.558 5.175 11.966 16.448 11.966c4.847.09 9.662-.811 14.148-2.648c.35-.228.694-.117.694.555V103.2c0 .805-.227 1.15-.805 1.383a38.65 38.65 0 0 1-15.79 3.374l-1.812-.043c-21.623 0-29.22-14.837-29.22-29.102c0-15.479 9.296-29.643 26.498-30.342l1.339-.027a23.455 23.455 0 0 1 24.272 24.85a37 37 0 0 1-.556 7.707a.994.994 0 0 1-.921.921q-4.433.42-8.884.47zm14.954-11.156a37.5 37.5 0 0 0 5.753-.227v-.806a9.357 9.357 0 0 0-9.779-9.09a10.9 10.9 0 0 0-11.045 10.123zM75.314 49.137l35.466 84.148H87.535l-10.611-26.798H50.97zM150.599 0v133.269L94.921 0zM55.701 0L0 133.269V0z"/>`;
</script>.adobe {
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%223.83em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20134%22%3E%3Cpath%20fill%3D%22%23fa0f00%22%20d%3D%22m221.02%2088.874l-5.524%2017.025c-.152.567-.68.952-1.266.921h-13.327c-.805%200-1.033-.46-.922-1.149l23.005-66.373a20.9%2020.9%200%200%200%201.155-7.02a.766.766%200%200%201%20.689-.804h18.408c.555%200%20.805.116.922.688l26.098%2073.626c.228.555.117%201.032-.555%201.032h-14.954a1.16%201.16%200%200%201-1.266-.805l-5.864-17.141zm4.138-14.377h18.18l-1.75-5.633c-2.411-7.66-5.621-17.629-7.34-24.047h-.117c-1.838%207.708-5.98%2020.363-8.973%2029.68m46.932%204.232c-.005-16.448%2012.3-30.252%2033.356-30.252c.917%200%202.072.116%203.799.227V26.043a.727.727%200%200%201%20.587-.797l14.71-.008c.556%200%20.695.227.695.688V93.91a65%2065%200%200%200%20.46%208.402c0%20.444-.074.693-.456.89l-.348.142a57.8%2057.8%200%200%201-22.662%204.604c-17.025%200-30.14-9.662-30.14-29.22m37.155-16.337a11.9%2011.9%200%200%200-4.26-.555a15.35%2015.35%200%200%200-16.465%2015.007l.018%201.096c0%2011.389%206.558%2016.337%2015.298%2016.337a16.2%2016.2%200%200%200%205.409-.689zm81.83%2014.32l.041%201.206c0%2018.063-11.733%2030.024-28.32%2030.024c-19.673%200-28.414-14.837-28.414-29.68a28.147%2028.147%200%200%201%2028.642-29.791c18.044%200%2027.574%2013.211%2028.051%2028.24m-40.473%201.306c0%2010.123%204.715%2016.564%2012.422%2016.564c6.664%200%2011.733-5.753%2011.733-16.337c0-8.973-3.681-16.447-12.421-16.447c-6.664%200-11.734%205.98-11.734%2016.22m50.654-52.78l14.032-.006c.921%200%201.15.117%201.15.922v23.583a37%2037%200%200%201%207.706-1.217l1.955-.049a26.326%2026.326%200%200%201%2027.63%2025.998l-.021%201.383c0%2021.512-17.025%2032.096-34.506%2032.096a60.2%2060.2%200%200%201-18.063-2.643a1.36%201.36%200%200%201-.689-1.15v-78.11c0-.555.228-.805.806-.805m22.959%2036.79l-.987.014a23.4%2023.4%200%200%200-6.785.922v31.174c.93.215%201.876.356%202.828.42l1.43.04a15.83%2015.83%200%200%200%2016.66-17.252a13.516%2013.516%200%200%200-13.146-15.317m51.97%2020.371c.555%206.558%205.175%2011.966%2016.448%2011.966c4.847.09%209.662-.811%2014.148-2.648c.35-.228.694-.117.694.555V103.2c0%20.805-.227%201.15-.805%201.383a38.65%2038.65%200%200%201-15.79%203.374l-1.812-.043c-21.623%200-29.22-14.837-29.22-29.102c0-15.479%209.296-29.643%2026.498-30.342l1.339-.027a23.455%2023.455%200%200%201%2024.272%2024.85a37%2037%200%200%201-.556%207.707a.994.994%200%200%201-.921.921q-4.433.42-8.884.47zm14.954-11.156a37.5%2037.5%200%200%200%205.753-.227v-.806a9.357%209.357%200%200%200-9.779-9.09a10.9%2010.9%200%200%200-11.045%2010.123zM75.314%2049.137l35.466%2084.148H87.535l-10.611-26.798H50.97zM150.599%200v133.269L94.921%200zM55.701%200L0%20133.269V0z%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%223.83em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20134%22%3E%3Cpath%20fill%3D%22%23fa0f00%22%20d%3D%22m221.02%2088.874l-5.524%2017.025c-.152.567-.68.952-1.266.921h-13.327c-.805%200-1.033-.46-.922-1.149l23.005-66.373a20.9%2020.9%200%200%200%201.155-7.02a.766.766%200%200%201%20.689-.804h18.408c.555%200%20.805.116.922.688l26.098%2073.626c.228.555.117%201.032-.555%201.032h-14.954a1.16%201.16%200%200%201-1.266-.805l-5.864-17.141zm4.138-14.377h18.18l-1.75-5.633c-2.411-7.66-5.621-17.629-7.34-24.047h-.117c-1.838%207.708-5.98%2020.363-8.973%2029.68m46.932%204.232c-.005-16.448%2012.3-30.252%2033.356-30.252c.917%200%202.072.116%203.799.227V26.043a.727.727%200%200%201%20.587-.797l14.71-.008c.556%200%20.695.227.695.688V93.91a65%2065%200%200%200%20.46%208.402c0%20.444-.074.693-.456.89l-.348.142a57.8%2057.8%200%200%201-22.662%204.604c-17.025%200-30.14-9.662-30.14-29.22m37.155-16.337a11.9%2011.9%200%200%200-4.26-.555a15.35%2015.35%200%200%200-16.465%2015.007l.018%201.096c0%2011.389%206.558%2016.337%2015.298%2016.337a16.2%2016.2%200%200%200%205.409-.689zm81.83%2014.32l.041%201.206c0%2018.063-11.733%2030.024-28.32%2030.024c-19.673%200-28.414-14.837-28.414-29.68a28.147%2028.147%200%200%201%2028.642-29.791c18.044%200%2027.574%2013.211%2028.051%2028.24m-40.473%201.306c0%2010.123%204.715%2016.564%2012.422%2016.564c6.664%200%2011.733-5.753%2011.733-16.337c0-8.973-3.681-16.447-12.421-16.447c-6.664%200-11.734%205.98-11.734%2016.22m50.654-52.78l14.032-.006c.921%200%201.15.117%201.15.922v23.583a37%2037%200%200%201%207.706-1.217l1.955-.049a26.326%2026.326%200%200%201%2027.63%2025.998l-.021%201.383c0%2021.512-17.025%2032.096-34.506%2032.096a60.2%2060.2%200%200%201-18.063-2.643a1.36%201.36%200%200%201-.689-1.15v-78.11c0-.555.228-.805.806-.805m22.959%2036.79l-.987.014a23.4%2023.4%200%200%200-6.785.922v31.174c.93.215%201.876.356%202.828.42l1.43.04a15.83%2015.83%200%200%200%2016.66-17.252a13.516%2013.516%200%200%200-13.146-15.317m51.97%2020.371c.555%206.558%205.175%2011.966%2016.448%2011.966c4.847.09%209.662-.811%2014.148-2.648c.35-.228.694-.117.694.555V103.2c0%20.805-.227%201.15-.805%201.383a38.65%2038.65%200%200%201-15.79%203.374l-1.812-.043c-21.623%200-29.22-14.837-29.22-29.102c0-15.479%209.296-29.643%2026.498-30.342l1.339-.027a23.455%2023.455%200%200%201%2024.272%2024.85a37%2037%200%200%201-.556%207.707a.994.994%200%200%201-.921.921q-4.433.42-8.884.47zm14.954-11.156a37.5%2037.5%200%200%200%205.753-.227v-.806a9.357%209.357%200%200%200-9.779-9.09a10.9%2010.9%200%200%200-11.045%2010.123zM75.314%2049.137l35.466%2084.148H87.535l-10.611-26.798H50.97zM150.599%200v133.269L94.921%200zM55.701%200L0%20133.269V0z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}给 adobe 加一点动效
单文件 CSS 即可播放,无需任何依赖;描画动效仅对描边类图标生效。
呼吸
透明度往复渐变,适合状态提示与在线指示。
.icon-adobe {
animation: icon-breathe 1.8s ease-in-out infinite;
}
@keyframes icon-breathe {
0%, 100% { opacity: 1; }
50% { opacity: 0.35; }
}旋转
匀速循环旋转,适合加载中场景。
.icon-adobe {
animation: icon-spin 1.6s linear infinite;
}
@keyframes icon-spin {
to { transform: rotate(360deg); }
}SVG 健康报告
对源文件的客观技术指标,供工程侧评估引用方式。
文件体积
2.20 KB
2,256 字节
viewBox
0 0 512 134
矢量坐标系
图元总数
1
<path> ×1
风格
多色填充
填充跟随容器颜色
同时含 width/height 与 viewBox:可以只保留 viewBox,让图标跟随容器自适应缩放。 文件体积 2.20 KB(2,256 字节),图元 1 个,风格为多色填充。
常见问题
关于 adobe 图标的下载、商用与改色。
adobe 图标是什么?▾
它是 SVG Logos(logos)开源图标集中的 adobe 图标,多色填充,viewBox 为 0 0 512 134,文件仅 2.20 KB,矢量格式可无损缩放到任意尺寸。
如何下载 adobe 图标?▾
点击「下载与导出」中的 SVG 源文件按钮保存矢量文件;也可以按 512 / 256 / 128 / 64 / 32 / 16px 预设导出 PNG,或在输入框填 16~1024 之间的任意尺寸。需要 iOS、Android 全套尺寸时,用素材包生成器一键打包。
adobe 图标可以商用吗?▾
该图标采用 CC0(CC0-1.0) 开源协议,通常允许在遵守协议的前提下免费使用,常见要求是保留作者版权声明。商用前建议阅读协议原文确认。
如何修改 adobe 图标的颜色?▾
在「预览与场景」的色板中切换颜色,三底色与全部场景会实时跟随;点击任一相近图标可打开预览弹层,复制对应颜色的 SVG 源码或 PNG。也可以复制 SVG 源码后自行修改 fill 值。