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

أيقونة Upleveled

thesvg-color:upleveled

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

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

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="154" height="154" viewBox="0 0 154 154"><defs><linearGradient id="SVGGF6LOdjJ" x1="0%" x2="100%" y1=".121%" y2="99.879%"><stop offset="0%" stop-color="#ff3367"/><stop offset="26.795%" stop-color="#ff3393"/><stop offset="100%" stop-color="#844fff"/></linearGradient><linearGradient id="SVGMLBwnbCq" x1="0%" x2="100%" y1=".125%" y2="99.875%"><stop offset="0%" stop-color="#ff3367"/><stop offset="26.795%" stop-color="#ff3393"/><stop offset="100%" stop-color="#844fff"/></linearGradient></defs><path fill="none" d="M-1-1h156v156H-1z"/><path fill="url(#SVGGF6LOdjJ)" d="M8.545 145.455h130.169v9.09H-.545V15.455h9.09z"/><path fill="url(#SVGMLBwnbCq)" d="M17.653 0h136.535v136.364H17.653z"/><path fill="#fff" d="M81.005 49.09v43.82c0 .635-.273.908-.91.908h-9.102c-.637 0-.91-.273-.91-.909v-3.273c-3.732 3.091-7.92 5.091-13.745 5.091c-9.921 0-15.929-5.909-15.929-15.363V49.09c0-.636.273-.91.91-.91h9.103c.637 0 .91.274.91.91v26.364c0 6.818 2.822 9.454 7.828 9.454c5.734 0 10.923-4.364 10.923-15.182V49.091c0-.636.273-.91.91-.91h9.102c.637 0 .91.274.91.91zm5.644 61.82V49.09c0-.635.273-.908.91-.908h9.102c.638 0 .91.273.91.909v2.818c3.46-2.818 7.647-4.636 13.108-4.636c12.288 0 20.753 9.09 20.753 23.727c0 14.636-8.465 23.727-20.753 23.727c-5.006 0-9.193-1.454-13.107-4.545v20.727c0 .636-.273.91-.91.91h-9.103c-.637 0-.91-.274-.91-.91zM97.025 71c0 7.818 4.279 13.91 11.47 13.91c7.19 0 11.468-6.092 11.468-13.91s-4.278-13.91-11.469-13.91S97.025 63.182 97.025 71"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

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

صورة HTML

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

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

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

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

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

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

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

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

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