ICONYZ
Français
Icône After Effects de theSVG Color

Icône After Effects

thesvg-color:after-effects

L'icône After Effects (thesvg-color:after-effects) est une icône SVG gratuite de la collection theSVG Color par thesvg.org. Elle est dessinée sur une grille de 83 × 80. Les theSVG Color icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection
theSVG Color
Auteur
thesvg.org
Licence
MIT
Taille
83 × 80
Mots-clés
aftereffects, effect
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="83" height="80" viewBox="0 0 83 80"><g fill="none"><g clip-path="url(#SVGRJNxRbwH)"><path fill="#00005b" d="M67.521 0H14.53C6.505 0 0 6.505 0 14.53v50.94C0 73.495 6.505 80 14.53 80h52.99c8.025 0 14.53-6.505 14.53-14.53V14.53C82.051 6.505 75.546 0 67.521 0"/><path fill="#99f" d="M32.962 47.863H20.247l-2.587 8.052a.65.65 0 0 1-.66.495h-6.44q-.551 0-.385-.605l11.008-31.574c.11-.33.22-.653.33-1.075c.145-.734.218-1.48.22-2.23a.34.34 0 0 1 .386-.384h8.752q.384 0 .44.275L43.806 55.86q.165.55-.33.55H36.32a.51.51 0 0 1-.55-.385zM22.23 41.075h8.697q-.33-1.101-.77-2.478q-.442-1.374-.937-2.944l-.99-3.138a106 106 0 0 1-.909-3.027q-.412-1.458-.743-2.67h-.055a44 44 0 0 1-1.156 4.404q-.771 2.477-1.568 5.064a136 136 0 0 1-1.569 4.788m41.832 3.656H53.219a7.7 7.7 0 0 0 1.045 3.032a5.66 5.66 0 0 0 2.505 2.064c1.38.597 2.872.89 4.376.858a20 20 0 0 0 3.55-.39a13 13 0 0 0 3.052-.795q.275-.221.276.275v5.229a.8.8 0 0 1-.083.413a.8.8 0 0 1-.248.247a14 14 0 0 1-3.41 1.016c-1.597.3-3.22.438-4.844.413q-3.91 0-6.55-1.211a11.7 11.7 0 0 1-4.293-3.248a12.7 12.7 0 0 1-2.367-4.486a17.7 17.7 0 0 1-.715-4.98a17.4 17.4 0 0 1 .853-5.423a14.2 14.2 0 0 1 2.56-4.678a12.3 12.3 0 0 1 4.127-3.248c1.615-.788 3.523-1.071 5.725-1.071c1.826-.046 3.64.31 5.311 1.045a9.36 9.36 0 0 1 3.606 2.723a12.5 12.5 0 0 1 2.036 3.88c.434 1.353.657 2.764.66 4.184q0 1.212-.082 2.202t-.137 1.43a.5.5 0 0 1-.496.441q-.33 0-1.128.083t-1.982.11c-.79.019-1.623-.115-2.504-.115m-10.843-5.015h7.21q1.32 0 1.954-.027c.282-.029.555-.119.798-.265v-.33a4.4 4.4 0 0 0-.22-1.266a4.496 4.496 0 0 0-4.458-3.137a4.78 4.78 0 0 0-4.541 2.587a8 8 0 0 0-.744 2.438"/></g><defs><clipPath id="SVGRJNxRbwH"><path fill="#fff" d="M0 0h82.051v80H0z"/></clipPath></defs></g></svg>

Comment utiliser l'icône After Effects

React

import { Icon } from "@iconify/react";

<Icon icon="thesvg-color:after-effects" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="thesvg-color:after-effects" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="thesvg-color:after-effects" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--after-effects]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:after-effects"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="thesvg-color:after-effects"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/thesvg-color/after-effects.svg" alt="Icône After Effects" width="24" height="24">

Icônes similaires dans theSVG Color

L'icône After Effects dans d'autres collections

FAQ : Icône After Effects

L'icône After Effects est-elle gratuite pour un usage commercial ?

Oui. Les theSVG Color icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône After Effects dans React ?

Installez @iconify/react et affichez <Icon icon="thesvg-color:after-effects" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône After Effects à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/thesvg-color/after-effects.svg" alt="Icône After Effects">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes theSVG Color →