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

أيقونة Convex

thesvg-color:convex

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

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

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="132" viewBox="0 0 128 132"><g fill="none"><path fill="#f3b01c" d="M108.092 130.021c18.166-2.018 35.293-11.698 44.723-27.854c-4.466 39.961-48.162 65.218-83.83 49.711c-3.286-1.425-6.115-3.796-8.056-6.844c-8.016-12.586-10.65-28.601-6.865-43.135c10.817 18.668 32.81 30.111 54.028 28.122"/><path fill="#8d2676" d="M53.401 90.174c-7.364 17.017-7.682 36.94 1.345 53.336c-31.77-23.902-31.423-75.052-.388-98.715c2.87-2.187 6.282-3.485 9.86-3.683c14.713-.776 29.662 4.91 40.146 15.507c-21.3.212-42.046 13.857-50.963 33.555"/><path fill="#ee342f" d="M114.637 61.855C103.89 46.87 87.069 36.668 68.639 36.358c35.625-16.17 79.446 10.047 84.217 48.807c.444 3.598-.139 7.267-1.734 10.512c-6.656 13.518-18.998 24.002-33.42 27.882c10.567-19.599 9.263-43.544-3.065-61.704"/></g></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

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

صورة HTML

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

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

أيقونة Convex من Boxicons Brands
Boxicons Brands
 أيقونة Convex من Simple Icons
Simple Icons
 أيقونة Convex من theSVG
theSVG

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

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

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

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

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

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

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

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