下载 adobe-after-effects 图标
SVG 矢量源文件,或 PNG 按 16~512 预设与 16~1024 自定义尺寸导出,任意尺寸边缘锐利。
PNG 由矢量源实时渲染,任意尺寸边缘锐利无锯齿;下载与预览均免费,无需注册。
adobe-after-effects 的预览与使用场景
切换预览颜色后,下方三底色、真实界面场景与各尺寸渲染会实时跟随。
在真实界面里长这样
各尺寸下的可读性
复制 adobe-after-effects 图标代码
内联 SVG、React、Vue 与 CSS mask 四种主流引用方式,代码基于当前源文件生成,复制即用。
<svg xmlns="http://www.w3.org/2000/svg" width="1.03em" height="1em" viewBox="0 0 256 250"><rect width="256" height="249.6" fill="#00005b" rx="42.5"/><path fill="#99f" d="M102.843 149.333H63.172L55.1 174.454a2.02 2.02 0 0 1-1.901 1.547L32.947 176q-1.72 0-1.202-1.89l34.347-98.509l.343-1.035l.114-.354l.23-.74c.114-.382.228-.787.343-1.226c.45-2.291.68-4.62.687-6.955a1.063 1.063 0 0 1 1.202-1.202h27.306q1.2 0 1.374.859l38.983 109.335q.515 1.718-1.03 1.717h-22.326a1.59 1.59 0 0 1-1.717-1.202zm-33.488-21.181h27.134l-.387-1.277l-.621-2.022l-.909-2.896l-1.745-5.467l-1.662-5.254l-3.092-9.789a336 336 0 0 1-2.46-8.138l-.878-3.096l-.948-3.393l-.866-3.147h-.172a139 139 0 0 1-3.136 12.23l-1.16 3.723l-2.79 9l-1.414 4.585q-.383 1.242-.765 2.456l-.76 2.398l-.756 2.342l-.752 2.284l-.748 2.227q-.559 1.65-1.113 3.234m130.518 11.404h-33.831a24.1 24.1 0 0 0 3.263 9.461a17.67 17.67 0 0 0 7.813 6.44a32.6 32.6 0 0 0 13.653 2.676a62 62 0 0 0 11.077-1.216a40.8 40.8 0 0 0 9.523-2.482q.859-.685.86.858v16.315c.028.445-.061.889-.259 1.288c-.196.312-.46.576-.772.773a43.7 43.7 0 0 1-10.64 3.17a75.5 75.5 0 0 1-15.113 1.287q-11.814 0-19.917-3.545l-.52-.233a36.4 36.4 0 0 1-13.394-10.132a39.7 39.7 0 0 1-7.385-13.996A55.1 55.1 0 0 1 142 134.678a54.1 54.1 0 0 1 2.662-16.916a44.2 44.2 0 0 1 7.985-14.597a38.4 38.4 0 0 1 12.88-10.133c5.037-2.46 10.991-3.343 17.86-3.343a38.8 38.8 0 0 1 16.573 3.263a29.2 29.2 0 0 1 11.248 8.495a39 39 0 0 1 6.354 12.107a43.2 43.2 0 0 1 2.061 13.052q0 3.78-.257 6.87l-.153 1.764l-.16 1.674l-.095.848l-.022.179a1.556 1.556 0 0 1-1.545 1.374l-.471.01l-.587.03l-.457.033l-1.068.091l-.938.093q-.383.04-.795.075l-.851.067l-.909.06l-.965.05l-1.022.043l-.533.018l-1.107.03c-1.095.027-2.217-.041-3.368-.125l-1.746-.128a40 40 0 0 0-2.7-.106m-33.831-15.645h23.386l1.992-.013l1.354-.019l.877-.02l.984-.034a6 6 0 0 0 2.49-.825v-1.03a13.7 13.7 0 0 0-.686-3.95a14.03 14.03 0 0 0-13.91-9.79a14.92 14.92 0 0 0-14.169 8.072a24.8 24.8 0 0 0-2.318 7.61"/></svg>export function AdobeAfterEffectsIcon(props: React.SVGProps<SVGSVGElement>) {
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width="1em"
height="1em"
viewBox="0 0 256 250"
fill="currentColor"
{...props}
dangerouslySetInnerHTML={{ __html: `<rect width="256" height="249.6" fill="#00005b" rx="42.5"/><path fill="#99f" d="M102.843 149.333H63.172L55.1 174.454a2.02 2.02 0 0 1-1.901 1.547L32.947 176q-1.72 0-1.202-1.89l34.347-98.509l.343-1.035l.114-.354l.23-.74c.114-.382.228-.787.343-1.226c.45-2.291.68-4.62.687-6.955a1.063 1.063 0 0 1 1.202-1.202h27.306q1.2 0 1.374.859l38.983 109.335q.515 1.718-1.03 1.717h-22.326a1.59 1.59 0 0 1-1.717-1.202zm-33.488-21.181h27.134l-.387-1.277l-.621-2.022l-.909-2.896l-1.745-5.467l-1.662-5.254l-3.092-9.789a336 336 0 0 1-2.46-8.138l-.878-3.096l-.948-3.393l-.866-3.147h-.172a139 139 0 0 1-3.136 12.23l-1.16 3.723l-2.79 9l-1.414 4.585q-.383 1.242-.765 2.456l-.76 2.398l-.756 2.342l-.752 2.284l-.748 2.227q-.559 1.65-1.113 3.234m130.518 11.404h-33.831a24.1 24.1 0 0 0 3.263 9.461a17.67 17.67 0 0 0 7.813 6.44a32.6 32.6 0 0 0 13.653 2.676a62 62 0 0 0 11.077-1.216a40.8 40.8 0 0 0 9.523-2.482q.859-.685.86.858v16.315c.028.445-.061.889-.259 1.288c-.196.312-.46.576-.772.773a43.7 43.7 0 0 1-10.64 3.17a75.5 75.5 0 0 1-15.113 1.287q-11.814 0-19.917-3.545l-.52-.233a36.4 36.4 0 0 1-13.394-10.132a39.7 39.7 0 0 1-7.385-13.996A55.1 55.1 0 0 1 142 134.678a54.1 54.1 0 0 1 2.662-16.916a44.2 44.2 0 0 1 7.985-14.597a38.4 38.4 0 0 1 12.88-10.133c5.037-2.46 10.991-3.343 17.86-3.343a38.8 38.8 0 0 1 16.573 3.263a29.2 29.2 0 0 1 11.248 8.495a39 39 0 0 1 6.354 12.107a43.2 43.2 0 0 1 2.061 13.052q0 3.78-.257 6.87l-.153 1.764l-.16 1.674l-.095.848l-.022.179a1.556 1.556 0 0 1-1.545 1.374l-.471.01l-.587.03l-.457.033l-1.068.091l-.938.093q-.383.04-.795.075l-.851.067l-.909.06l-.965.05l-1.022.043l-.533.018l-1.107.03c-1.095.027-2.217-.041-3.368-.125l-1.746-.128a40 40 0 0 0-2.7-.106m-33.831-15.645h23.386l1.992-.013l1.354-.019l.877-.02l.984-.034a6 6 0 0 0 2.49-.825v-1.03a13.7 13.7 0 0 0-.686-3.95a14.03 14.03 0 0 0-13.91-9.79a14.92 14.92 0 0 0-14.169 8.072a24.8 24.8 0 0 0-2.318 7.61"/>` }}
/>
);
}<template>
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 250" fill="currentColor" v-html="body"></svg>
</template>
<script setup>
const body = `<rect width="256" height="249.6" fill="#00005b" rx="42.5"/><path fill="#99f" d="M102.843 149.333H63.172L55.1 174.454a2.02 2.02 0 0 1-1.901 1.547L32.947 176q-1.72 0-1.202-1.89l34.347-98.509l.343-1.035l.114-.354l.23-.74c.114-.382.228-.787.343-1.226c.45-2.291.68-4.62.687-6.955a1.063 1.063 0 0 1 1.202-1.202h27.306q1.2 0 1.374.859l38.983 109.335q.515 1.718-1.03 1.717h-22.326a1.59 1.59 0 0 1-1.717-1.202zm-33.488-21.181h27.134l-.387-1.277l-.621-2.022l-.909-2.896l-1.745-5.467l-1.662-5.254l-3.092-9.789a336 336 0 0 1-2.46-8.138l-.878-3.096l-.948-3.393l-.866-3.147h-.172a139 139 0 0 1-3.136 12.23l-1.16 3.723l-2.79 9l-1.414 4.585q-.383 1.242-.765 2.456l-.76 2.398l-.756 2.342l-.752 2.284l-.748 2.227q-.559 1.65-1.113 3.234m130.518 11.404h-33.831a24.1 24.1 0 0 0 3.263 9.461a17.67 17.67 0 0 0 7.813 6.44a32.6 32.6 0 0 0 13.653 2.676a62 62 0 0 0 11.077-1.216a40.8 40.8 0 0 0 9.523-2.482q.859-.685.86.858v16.315c.028.445-.061.889-.259 1.288c-.196.312-.46.576-.772.773a43.7 43.7 0 0 1-10.64 3.17a75.5 75.5 0 0 1-15.113 1.287q-11.814 0-19.917-3.545l-.52-.233a36.4 36.4 0 0 1-13.394-10.132a39.7 39.7 0 0 1-7.385-13.996A55.1 55.1 0 0 1 142 134.678a54.1 54.1 0 0 1 2.662-16.916a44.2 44.2 0 0 1 7.985-14.597a38.4 38.4 0 0 1 12.88-10.133c5.037-2.46 10.991-3.343 17.86-3.343a38.8 38.8 0 0 1 16.573 3.263a29.2 29.2 0 0 1 11.248 8.495a39 39 0 0 1 6.354 12.107a43.2 43.2 0 0 1 2.061 13.052q0 3.78-.257 6.87l-.153 1.764l-.16 1.674l-.095.848l-.022.179a1.556 1.556 0 0 1-1.545 1.374l-.471.01l-.587.03l-.457.033l-1.068.091l-.938.093q-.383.04-.795.075l-.851.067l-.909.06l-.965.05l-1.022.043l-.533.018l-1.107.03c-1.095.027-2.217-.041-3.368-.125l-1.746-.128a40 40 0 0 0-2.7-.106m-33.831-15.645h23.386l1.992-.013l1.354-.019l.877-.02l.984-.034a6 6 0 0 0 2.49-.825v-1.03a13.7 13.7 0 0 0-.686-3.95a14.03 14.03 0 0 0-13.91-9.79a14.92 14.92 0 0 0-14.169 8.072a24.8 24.8 0 0 0-2.318 7.61"/>`;
</script>.adobe-after-effects {
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%221.03em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20250%22%3E%3Crect%20width%3D%22256%22%20height%3D%22249.6%22%20fill%3D%22%2300005b%22%20rx%3D%2242.5%22%2F%3E%3Cpath%20fill%3D%22%2399f%22%20d%3D%22M102.843%20149.333H63.172L55.1%20174.454a2.02%202.02%200%200%201-1.901%201.547L32.947%20176q-1.72%200-1.202-1.89l34.347-98.509l.343-1.035l.114-.354l.23-.74c.114-.382.228-.787.343-1.226c.45-2.291.68-4.62.687-6.955a1.063%201.063%200%200%201%201.202-1.202h27.306q1.2%200%201.374.859l38.983%20109.335q.515%201.718-1.03%201.717h-22.326a1.59%201.59%200%200%201-1.717-1.202zm-33.488-21.181h27.134l-.387-1.277l-.621-2.022l-.909-2.896l-1.745-5.467l-1.662-5.254l-3.092-9.789a336%20336%200%200%201-2.46-8.138l-.878-3.096l-.948-3.393l-.866-3.147h-.172a139%20139%200%200%201-3.136%2012.23l-1.16%203.723l-2.79%209l-1.414%204.585q-.383%201.242-.765%202.456l-.76%202.398l-.756%202.342l-.752%202.284l-.748%202.227q-.559%201.65-1.113%203.234m130.518%2011.404h-33.831a24.1%2024.1%200%200%200%203.263%209.461a17.67%2017.67%200%200%200%207.813%206.44a32.6%2032.6%200%200%200%2013.653%202.676a62%2062%200%200%200%2011.077-1.216a40.8%2040.8%200%200%200%209.523-2.482q.859-.685.86.858v16.315c.028.445-.061.889-.259%201.288c-.196.312-.46.576-.772.773a43.7%2043.7%200%200%201-10.64%203.17a75.5%2075.5%200%200%201-15.113%201.287q-11.814%200-19.917-3.545l-.52-.233a36.4%2036.4%200%200%201-13.394-10.132a39.7%2039.7%200%200%201-7.385-13.996A55.1%2055.1%200%200%201%20142%20134.678a54.1%2054.1%200%200%201%202.662-16.916a44.2%2044.2%200%200%201%207.985-14.597a38.4%2038.4%200%200%201%2012.88-10.133c5.037-2.46%2010.991-3.343%2017.86-3.343a38.8%2038.8%200%200%201%2016.573%203.263a29.2%2029.2%200%200%201%2011.248%208.495a39%2039%200%200%201%206.354%2012.107a43.2%2043.2%200%200%201%202.061%2013.052q0%203.78-.257%206.87l-.153%201.764l-.16%201.674l-.095.848l-.022.179a1.556%201.556%200%200%201-1.545%201.374l-.471.01l-.587.03l-.457.033l-1.068.091l-.938.093q-.383.04-.795.075l-.851.067l-.909.06l-.965.05l-1.022.043l-.533.018l-1.107.03c-1.095.027-2.217-.041-3.368-.125l-1.746-.128a40%2040%200%200%200-2.7-.106m-33.831-15.645h23.386l1.992-.013l1.354-.019l.877-.02l.984-.034a6%206%200%200%200%202.49-.825v-1.03a13.7%2013.7%200%200%200-.686-3.95a14.03%2014.03%200%200%200-13.91-9.79a14.92%2014.92%200%200%200-14.169%208.072a24.8%2024.8%200%200%200-2.318%207.61%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%221.03em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20250%22%3E%3Crect%20width%3D%22256%22%20height%3D%22249.6%22%20fill%3D%22%2300005b%22%20rx%3D%2242.5%22%2F%3E%3Cpath%20fill%3D%22%2399f%22%20d%3D%22M102.843%20149.333H63.172L55.1%20174.454a2.02%202.02%200%200%201-1.901%201.547L32.947%20176q-1.72%200-1.202-1.89l34.347-98.509l.343-1.035l.114-.354l.23-.74c.114-.382.228-.787.343-1.226c.45-2.291.68-4.62.687-6.955a1.063%201.063%200%200%201%201.202-1.202h27.306q1.2%200%201.374.859l38.983%20109.335q.515%201.718-1.03%201.717h-22.326a1.59%201.59%200%200%201-1.717-1.202zm-33.488-21.181h27.134l-.387-1.277l-.621-2.022l-.909-2.896l-1.745-5.467l-1.662-5.254l-3.092-9.789a336%20336%200%200%201-2.46-8.138l-.878-3.096l-.948-3.393l-.866-3.147h-.172a139%20139%200%200%201-3.136%2012.23l-1.16%203.723l-2.79%209l-1.414%204.585q-.383%201.242-.765%202.456l-.76%202.398l-.756%202.342l-.752%202.284l-.748%202.227q-.559%201.65-1.113%203.234m130.518%2011.404h-33.831a24.1%2024.1%200%200%200%203.263%209.461a17.67%2017.67%200%200%200%207.813%206.44a32.6%2032.6%200%200%200%2013.653%202.676a62%2062%200%200%200%2011.077-1.216a40.8%2040.8%200%200%200%209.523-2.482q.859-.685.86.858v16.315c.028.445-.061.889-.259%201.288c-.196.312-.46.576-.772.773a43.7%2043.7%200%200%201-10.64%203.17a75.5%2075.5%200%200%201-15.113%201.287q-11.814%200-19.917-3.545l-.52-.233a36.4%2036.4%200%200%201-13.394-10.132a39.7%2039.7%200%200%201-7.385-13.996A55.1%2055.1%200%200%201%20142%20134.678a54.1%2054.1%200%200%201%202.662-16.916a44.2%2044.2%200%200%201%207.985-14.597a38.4%2038.4%200%200%201%2012.88-10.133c5.037-2.46%2010.991-3.343%2017.86-3.343a38.8%2038.8%200%200%201%2016.573%203.263a29.2%2029.2%200%200%201%2011.248%208.495a39%2039%200%200%201%206.354%2012.107a43.2%2043.2%200%200%201%202.061%2013.052q0%203.78-.257%206.87l-.153%201.764l-.16%201.674l-.095.848l-.022.179a1.556%201.556%200%200%201-1.545%201.374l-.471.01l-.587.03l-.457.033l-1.068.091l-.938.093q-.383.04-.795.075l-.851.067l-.909.06l-.965.05l-1.022.043l-.533.018l-1.107.03c-1.095.027-2.217-.041-3.368-.125l-1.746-.128a40%2040%200%200%200-2.7-.106m-33.831-15.645h23.386l1.992-.013l1.354-.019l.877-.02l.984-.034a6%206%200%200%200%202.49-.825v-1.03a13.7%2013.7%200%200%200-.686-3.95a14.03%2014.03%200%200%200-13.91-9.79a14.92%2014.92%200%200%200-14.169%208.072a24.8%2024.8%200%200%200-2.318%207.61%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}给 adobe-after-effects 加一点动效
单文件 CSS 即可播放,无需任何依赖;描画动效仅对描边类图标生效。
呼吸
透明度往复渐变,适合状态提示与在线指示。
.icon-adobe-after-effects {
animation: icon-breathe 1.8s ease-in-out infinite;
}
@keyframes icon-breathe {
0%, 100% { opacity: 1; }
50% { opacity: 0.35; }
}旋转
匀速循环旋转,适合加载中场景。
.icon-adobe-after-effects {
animation: icon-spin 1.6s linear infinite;
}
@keyframes icon-spin {
to { transform: rotate(360deg); }
}SVG 健康报告
对源文件的客观技术指标,供工程侧评估引用方式。
文件体积
1.91 KB
1,953 字节
viewBox
0 0 256 250
矢量坐标系
图元总数
2
<path> ×1
风格
多色填充
填充跟随容器颜色
同时含 width/height 与 viewBox:可以只保留 viewBox,让图标跟随容器自适应缩放。 文件体积 1.91 KB(1,953 字节),图元 2 个,风格为多色填充。
常见问题
关于 adobe-after-effects 图标的下载、商用与改色。
adobe-after-effects 图标是什么?▾
它是 SVG Logos(logos)开源图标集中的 adobe-after-effects 图标,多色填充,viewBox 为 0 0 256 250,文件仅 1.91 KB,矢量格式可无损缩放到任意尺寸。
如何下载 adobe-after-effects 图标?▾
点击「下载与导出」中的 SVG 源文件按钮保存矢量文件;也可以按 512 / 256 / 128 / 64 / 32 / 16px 预设导出 PNG,或在输入框填 16~1024 之间的任意尺寸。需要 iOS、Android 全套尺寸时,用素材包生成器一键打包。
adobe-after-effects 图标可以商用吗?▾
该图标采用 CC0(CC0-1.0) 开源协议,通常允许在遵守协议的前提下免费使用,常见要求是保留作者版权声明。商用前建议阅读协议原文确认。
如何修改 adobe-after-effects 图标的颜色?▾
在「预览与场景」的色板中切换颜色,三底色与全部场景会实时跟随;点击任一相近图标可打开预览弹层,复制对应颜色的 SVG 源码或 PNG。也可以复制 SVG 源码后自行修改 fill 值。