After Effects アイコン
thesvg-color:after-effects
After Effects アイコン(thesvg-color:after-effects)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 83 × 80 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 83 × 80
- タグ
- aftereffects、effect
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>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 コンポーネント
<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>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/after-effects.svg" alt="After Effects アイコン" width="24" height="24">theSVG Color の関連アイコン
他のアイコンセットの After Effects アイコン
After Effects アイコン のよくある質問
After Effects アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で After Effects アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:after-effects" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
After Effects アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/after-effects.svg" alt="After Effects アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。