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

أيقونة Ecto

thesvg-color:ecto

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

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

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#77bf43" d="M64.898.01c-4.657.085-9.5.778-14.448 2.207c-4.657 1.35-13.486 5.693-20.193 12.735s-14.825 19.015-17.26 34.104c-2.425 15.078-2.091 30.746 5.113 46.413s17.758 23.957 27.732 28.818c9.975 4.86 23.542 4.19 30.33 2.263c6.789-1.928 10.136-4.192 13.485-6.536c3.348-2.344 3.268-4.444 2.76-5.448c-.507-1.005-1.591-1.594-4.27-1.259c-2.68.335-5.116.67-8.049.508s-11.395-2.182-18.01-8.625c-6.616-6.444-12.064-17.423-13.323-26.474c-1.258-9.051-1.34-24.97 4.606-33.18c5.946-8.209 12.32-8.292 16.085-8.13c3.775.173 11.81 2.599 13.992 10.138c2.181 7.539 1.511 12.502-1.421 16.52c-2.933 4.008-7.205 5.185-10.888 6.86c-3.684 1.674-9.547 4.525-11.14 9.974c-1.593 5.45-1.179 11.983 4.443 16.844c5.621 4.86 11.983 5.53 16.671 5.022c4.688-.507 9.306-2.679 14.583-6.95c5.276-4.272 15.504-15.16 18.853-27.986c3.348-12.816 2.426-30.746-5.946-45.327l-.012-.01C101.781 10.652 85.08-.364 64.898.01m41.906 104.322c-.674-.015-1.29.133-1.732.441c0 0-5.531 3.349-4.273 6.616s3.35 2.933 5.359 2.852s4.108-2.091 4.86-3.44c.75-1.34.506-3.521-.924-5.023c-.888-.945-2.167-1.422-3.29-1.446"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

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

صورة HTML

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

أيقونة Ecto في مجموعات أخرى

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

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

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

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

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

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

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

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