ICONYZ
العربية
أيقونة Animate من theSVG Color

أيقونة Animate

thesvg-color:animate

أيقونة Animate (thesvg-color:animate) أيقونة SVG مجانية من مجموعة theSVG Color من تصميم thesvg.org. مرسومة على شبكة 1146 × 1117. تُنشر theSVG Color icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
theSVG Color
المؤلف
thesvg.org
الترخيص
MIT
الحجم
1146 × 1117
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1146" height="1117" viewBox="0 0 1146 1117"><g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2"><path fill="none" d="M0 0h1145.83v1116.67H0z"/><path fill="#00005b" fill-rule="nonzero" d="M202.691.767h739.226c112.076 0 202.691 90.62 202.691 202.695V914.07c0 112.071-90.615 202.687-202.691 202.687H202.691C90.616 1116.756 0 1026.14 0 914.069V203.462C0 91.386 90.616.767 202.691.767"/><path fill="#99f" fill-rule="nonzero" d="M313.333 573.55h121.143c-2.862-10.013-6.68-21.943-10.967-34.34a1434 1434 0 0 1-12.88-41.016c-4.772-14.784-9.064-29.09-13.835-43.874c-4.767-14.785-9.059-28.615-12.876-42.445c-3.817-13.351-7.15-25.752-10.488-37.2h-.959c-4.292 20.507-9.538 41.017-16.213 61.518c-7.155 22.894-14.306 46.741-21.94 70.59a936 936 0 0 1-20.985 66.767m149.283 94.903H285.673L249.428 780.53c-.958 4.292-4.77 7.159-9.063 6.676h-90.611c-5.25 0-6.68-2.859-5.25-8.584l154.045-440.19c1.433-4.771 2.863-8.588 4.771-14.784c1.909-10.014 2.859-20.51 2.859-31.003c-.471-2.383 1.433-4.767 3.817-5.242h124.001c3.813 0 5.722 1.425 6.2 3.813L613.796 779.1c1.433 5.246 0 7.63-4.767 7.63H509.35c-3.338.475-6.675-1.909-7.63-5.247zm205.07 111.601V496.761c0-8.58 0-18.598-.478-29.086c-.475-10.972-.475-20.985-.95-30.523c-.48-9.539-.955-18.602-1.43-24.323c-.479-1.434-.479-3.342.95-4.767c1.43-.959 2.863-1.434 4.771-1.434h76.786c2.858 0 5.242.475 7.63 1.434c1.908.95 3.337 2.858 3.817 5.242c.95 2.863 2.383 6.68 3.337 10.492a91.3 91.3 0 0 1 2.859 15.74a158.4 158.4 0 0 1 50.558-29.57c18.597-6.2 38.149-9.538 57.705-9.538c15.263 0 30.523 2.388 44.828 7.155c33.861 10.967 60.568 37.198 72.494 70.58c7.63 19.556 10.488 45.308 10.488 76.31v225.581c0 4.767-1.909 6.676-6.2 6.676l-89.658.958c-3.817.47-7.15-1.908-7.634-5.725V566.395c-.475-14.305-3.333-28.614-9.055-41.495c-4.296-9.538-10.971-18.118-19.56-23.843c-10.009-6.2-20.98-9.06-32.427-8.584c-12.405 0-24.798 1.908-36.245 6.68c-10.496 4.291-20.035 10.488-28.614 18.118v263.258c0 4.771-1.909 6.676-6.205 6.676H674.84c-3.341.483-6.2-1.905-6.675-5.242c-.958-.955-.958-1.434-.48-1.909"/></g></svg>

كيفية استخدام أيقونة Animate

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="thesvg-color:animate"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/thesvg-color/animate.svg" alt="أيقونة Animate" width="24" height="24">

الأسئلة الشائعة حول أيقونة Animate

هل أيقونة Animate مجانية للاستخدام التجاري؟

نعم. تُنشر theSVG Color icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Animate في React؟

ثبّت @iconify/react واعرض <Icon icon="thesvg-color:animate" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة Animate إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/thesvg-color/animate.svg" alt="أيقونة Animate">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل أيقونات theSVG Color →