Иконка Adobe Animate

logos:adobe-animate

Иконка Adobe Animate (logos:adobe-animate) — бесплатная SVG-иконка из набора SVG Logos от Gil Barbara. Она нарисована на сетке 256 × 250. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: SVG Logos
Автор: Gil Barbara
Лицензия: CC0-1.0
Размер: 256 × 250
Теги: adobeanimate

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="250" viewBox="0 0 256 250"><rect width="256" height="249.6" fill="#00005b" rx="42.5"/><path fill="#99f" d="M103.513 149.333h-39.67l-8.148 25.033a2.02 2.02 0 0 1-1.9 1.546H33.542q-1.72 0-1.202-1.89l34.49-98.42l.457-1.353c.191-.573.382-1.182.573-1.914c.45-2.291.68-4.62.687-6.955a1.063 1.063 0 0 1 1.202-1.202h27.305q1.2 0 1.374.859l38.84 109.157q.515 1.718-1.03 1.717h-22.325a1.59 1.59 0 0 1-1.718-1.202zm-33.42-21.181h27.133l-.386-1.277l-.622-2.022l-.908-2.896l-1.745-5.467l-4.754-15.043a334 334 0 0 1-2.46-8.138l-.878-3.096l-.72-2.567l-.885-3.21l-.209-.763h-.171a139 139 0 0 1-3.137 12.23l-1.16 3.723l-2.79 9l-1.797 5.82l-.763 2.427l-.758 2.37l-.754 2.313a374 374 0 0 1-2.237 6.596m79.197 46.125v-63.299q.001-.648-.004-1.33l-.012-1.4l-.021-1.467l-.048-2.328l-.057-2.033a255 255 0 0 0-.11-2.944l-.09-1.893l-.13-2.348l-.108-1.72l-.064-.878l-.042-.508a1.02 1.02 0 0 1 .171-1.03a1.4 1.4 0 0 1 1.031-.343h17.143a3.84 3.84 0 0 1 1.718.343c.463.239.782.687.858 1.202l.773 2.319a17.6 17.6 0 0 1 .601 3.478a34.5 34.5 0 0 1 11.334-6.611a39 39 0 0 1 12.88-2.147a32.7 32.7 0 0 1 10.047 1.632a25.38 25.38 0 0 1 16.229 15.8c1.717 4.408 2.39 10.104 2.39 17.086v50.419q0 1.545-1.374 1.545L202.34 176a1.517 1.517 0 0 1-1.718-1.717v-47.836a23.7 23.7 0 0 0-2.073-9.286a12.27 12.27 0 0 0-4.38-5.324a12.9 12.9 0 0 0-7.298-1.889c-2.76-.04-5.5.457-8.071 1.46a20.4 20.4 0 0 0-6.354 4.035v58.834q0 1.545-1.374 1.545h-20.235a1.366 1.366 0 0 1-1.546-1.545"/></svg>

Как использовать иконку Adobe Animate

React

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

<Icon icon="logos:adobe-animate" width="24" />

Vue

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

<template>
  <Icon icon="logos:adobe-animate" width="24" />
</template>

Svelte

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

<Icon icon="logos:adobe-animate" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--adobe-animate]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:adobe-animate"></div>

Веб-компонент

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

<iconify-icon icon="logos:adobe-animate"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/logos/adobe-animate.svg" alt="Иконка Adobe Animate" width="24" height="24">

Иконка Adobe Animate в других наборах

Вопросы и ответы: Иконка Adobe Animate

Можно ли бесплатно использовать иконку Adobe Animate в коммерческих проектах?

Да. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Adobe Animate в React?

Установите @iconify/react и выведите <Icon icon="logos:adobe-animate" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Adobe Animate на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/logos/adobe-animate.svg" alt="Иконка Adobe Animate">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки SVG Logos →