aftereffects logo

aftereffects from Devicon by konpa · Original · MIT Free for personal and commercial use.

Name: aftereffects
Set: Devicon
Style: Original
Viewbox: 128×128
License: MIT

The same logo in other sets

Use the aftereffects logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#1f0740" d="M6.5 6.5h115v115H6.5z"/><path fill="#d490c5" d="M0 0v128h128V0zm121.5 121.5H6.5V6.5h115z"/><path fill="#d490c5" d="M103.5 59.2s-.6-14.6-16.5-14.6c-16 0-17.3 22-17.3 22v4.7S72.5 89.6 86 89.6s14.8-2.6 14.8-2.6v-8.1s-19.3 9.2-21.2-10h24v-9.7zm-9 2.4h-15s0-8.3 7.5-9.2c8.2 0 7.5 9.2 7.5 9.2m-44-31.7H38.4v3.8l-16 54.9h9.4l4.4-16.1H53l4.5 16.1h10.3zM38.2 63.1l6.4-24.5L51 63.1z"/></svg>

React

import type { SVGProps } from "react";

export function DeviconAftereffects(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#1f0740" d="M6.5 6.5h115v115H6.5z"/><path fill="#d490c5" d="M0 0v128h128V0zm121.5 121.5H6.5V6.5h115z"/><path fill="#d490c5" d="M103.5 59.2s-.6-14.6-16.5-14.6c-16 0-17.3 22-17.3 22v4.7S72.5 89.6 86 89.6s14.8-2.6 14.8-2.6v-8.1s-19.3 9.2-21.2-10h24v-9.7zm-9 2.4h-15s0-8.3 7.5-9.2c8.2 0 7.5 9.2 7.5 9.2m-44-31.7H38.4v3.8l-16 54.9h9.4l4.4-16.1H53l4.5 16.1h10.3zM38.2 63.1l6.4-24.5L51 63.1z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#1f0740" d="M6.5 6.5h115v115H6.5z"/><path fill="#d490c5" d="M0 0v128h128V0zm121.5 121.5H6.5V6.5h115z"/><path fill="#d490c5" d="M103.5 59.2s-.6-14.6-16.5-14.6c-16 0-17.3 22-17.3 22v4.7S72.5 89.6 86 89.6s14.8-2.6 14.8-2.6v-8.1s-19.3 9.2-21.2-10h24v-9.7zm-9 2.4h-15s0-8.3 7.5-9.2c8.2 0 7.5 9.2 7.5 9.2m-44-31.7H38.4v3.8l-16 54.9h9.4l4.4-16.1H53l4.5 16.1h10.3zM38.2 63.1l6.4-24.5L51 63.1z"/></svg>
</template>

CSS

.icon-aftereffects {
  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%20128%20128%22%3E%3Cpath%20fill%3D%22%231f0740%22%20d%3D%22M6.5%206.5h115v115H6.5z%22%2F%3E%3Cpath%20fill%3D%22%23d490c5%22%20d%3D%22M0%200v128h128V0zm121.5%20121.5H6.5V6.5h115z%22%2F%3E%3Cpath%20fill%3D%22%23d490c5%22%20d%3D%22M103.5%2059.2s-.6-14.6-16.5-14.6c-16%200-17.3%2022-17.3%2022v4.7S72.5%2089.6%2086%2089.6s14.8-2.6%2014.8-2.6v-8.1s-19.3%209.2-21.2-10h24v-9.7zm-9%202.4h-15s0-8.3%207.5-9.2c8.2%200%207.5%209.2%207.5%209.2m-44-31.7H38.4v3.8l-16%2054.9h9.4l4.4-16.1H53l4.5%2016.1h10.3zM38.2%2063.1l6.4-24.5L51%2063.1z%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%20128%20128%22%3E%3Cpath%20fill%3D%22%231f0740%22%20d%3D%22M6.5%206.5h115v115H6.5z%22%2F%3E%3Cpath%20fill%3D%22%23d490c5%22%20d%3D%22M0%200v128h128V0zm121.5%20121.5H6.5V6.5h115z%22%2F%3E%3Cpath%20fill%3D%22%23d490c5%22%20d%3D%22M103.5%2059.2s-.6-14.6-16.5-14.6c-16%200-17.3%2022-17.3%2022v4.7S72.5%2089.6%2086%2089.6s14.8-2.6%2014.8-2.6v-8.1s-19.3%209.2-21.2-10h24v-9.7zm-9%202.4h-15s0-8.3%207.5-9.2c8.2%200%207.5%209.2%207.5%209.2m-44-31.7H38.4v3.8l-16%2054.9h9.4l4.4-16.1H53l4.5%2016.1h10.3zM38.2%2063.1l6.4-24.5L51%2063.1z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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