أيقونة Uxanarangel Light
thesvg-color:uxanarangel-light
أيقونة Uxanarangel Light (thesvg-color:uxanarangel-light) أيقونة SVG مجانية من مجموعة theSVG Color من تصميم thesvg.org. مرسومة على شبكة 1491 × 970. تُنشر theSVG Color icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- theSVG Color
- المؤلف
- thesvg.org
- الترخيص
- MIT
- الحجم
- 1491 × 970
- الوسوم
- uxanarangellight
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1491" height="970" viewBox="0 0 1491 970"><g fill="none"><path fill="#000" d="M350 340c-6-5-11-10-14-17c-3-12-1-24 2-35c7-19 18-36 28-53c11-18 25-34 39-50c27-33 59-61 93-87c36-28 75-52 119-65c24-7 49-10 73-5c47 10 77 54 70 104c-5 42-21 81-36 120l-53 127l-1 1l2 1l51-16l13-3c19-5 38-5 53 11s15 36 10 56c-2 8-10 25-9 27l3-2c28-25 58-49 92-67l29-11c31-7 57 13 58 44c1 16-4 30-10 45c-16 37-37 72-56 108l-12 25c-16 31-30 63-36 98l-4 26c-5 18-24 25-40 14c-12-7-18-19-20-32c-5-26-1-51 7-75c17-52 46-98 72-144l27-47c-15 5-27 14-38 24a863 863 0 0 0-178 233c-5 9-10 19-17 27c-14 14-32 13-44-1c-9-10-11-22-11-34c1-21 8-39 15-58c23-61 55-117 86-173l22-43c-30 6-59 12-87 22c-5 2-7 6-9 10l-22 44c-38 77-76 153-117 228c-2 5-2 8 2 12l32 31c68 64 147 94 241 89c69-5 135-19 201-38c71-20 139-49 205-81c7-4 9-7 3-13c-10-10-14-22-15-35c-1-19 2-38 7-56l7-23c-19 15-35 30-52 45c-21 18-43 35-70 43c-36 11-70-5-83-41c-11-26-9-53-3-80l6-17c36-81 95-141 170-189l-46-16c-34-15-65-32-87-64c-3-4-6-3-10-1c-10 4-21 9-33 11l-14 1c-12 0-20-6-23-17c-3-10 1-20 12-26l40-19c4-2 7-4 7-10c-1-43 14-82 37-117c27-43 64-77 112-97c21-8 42-11 64-6c37 10 57 43 47 80c-5 20-16 38-29 53c-39 47-88 80-139 110c-5 4-11 6-16 9c-15 10-13 8-2 20c16 16 36 25 57 33c32 12 66 19 101 25l29 1c53 5 80 40 72 92c-5 36-19 69-34 102c-16 33-34 65-48 99c-8 20-13 40-11 62c0 7 2 8 8 4c62-37 122-76 167-133c14-18 26-37 30-60c5-27-4-47-28-61c-7-4-15-7-20-13c-7-7-10-15-6-24c5-9 13-12 22-11c8 0 15 3 22 6c50 27 69 78 52 136c-11 39-36 68-62 97c-31 34-68 60-105 86l-3 3a1216 1216 0 0 1-413 168l-5 1c-7-1-13 3-20 4c-32 5-65 8-98 10c-105 6-196-27-274-97l-29-28c-6-6-9-5-13 1c-28 40-60 76-93 110c-33 33-69 59-113 74c-15 5-31 6-46 7c-14 1-28-1-41-4c-9-3-18-9-26-15c-27-18-38-45-43-76c-7-36 1-71 15-104c6-15 12-30 20-43a915 915 0 0 1 142-168c3-2 6-4 2-8c-26-29-51-60-86-80c-22-12-45-20-70-21l-12-1c-13-2-21-10-22-21c-1-10 5-20 16-25c16-6 32-5 48-3a774 774 0 0 1 53 16a433 433 0 0 1 57 41l5 5l7 6l25 26l9 8l9 12c3 5 5 2 7-1l8-8c4-1 7-4 9-7l28-24l86-69c68-54 132-111 189-177c25-30 47-63 55-103c6-32-6-46-39-44l-15 2c-24 5-45 16-66 29a522 522 0 0 0-190 210c-9 20-20 24-40 18m258 6c-5-3-7 2-9 4l-64 59c-1 2-4 3-4 6l38-6c7-1 12-5 14-11c8-18 16-36 25-52M204 912l16-2c36-7 64-28 90-51c43-40 79-86 110-136c3-4 2-6-1-10l-90-104c-4-5-7-5-11-1l-49 53c-35 40-67 82-90 130c-12 27-21 55-16 85c3 24 16 36 41 36m828-288c0 22 4 25 21 18c18-8 33-21 47-34c41-38 79-80 116-121c21-24 42-46 58-73c11-18 4-30-18-30l-8 1c-19 2-36 10-52 20c-58 38-105 87-138 148c-13 23-24 47-26 71M553 461c-22 5-42 9-60 16c-50 18-88 53-127 86c-4 3-3 4 0 7l80 94c3 4 6 8 10 0l53-111zm500-257c44-26 83-53 119-85c13-11 24-22 33-36c4-8 11-17 4-26c-6-8-17-5-26-3a198 198 0 0 0-130 150"/><path fill="url(#SVGhLQMNc3Y)" d="M1326 116c42 2 79 15 103 52c27 43 14 106-28 135c-7 5-15 9-23 10c-10 2-18-1-25-10c-6-8-6-17-3-26c3-7 9-12 14-17c8-8 17-16 22-26c11-20 8-38-10-51a97 97 0 0 0-55-18l-20-1c-11-2-19-11-20-20c-1-11 5-20 16-24l11-2c6-2 12-2 18-2"/><ellipse cx="29.1" cy="426.8" fill="url(#SVGjsf4FdVr)" rx="28.6" ry="27.8"/><defs><linearGradient id="SVGhLQMNc3Y" x1="1281.2" x2="1481.8" y1="115.6" y2="168" gradientUnits="userSpaceOnUse"><stop stop-color="#ffc16f"/><stop offset="1" stop-color="#fa86ce"/></linearGradient><linearGradient id="SVGjsf4FdVr" x1="29.1" x2="29.1" y1="399" y2="454.5" gradientUnits="userSpaceOnUse"><stop stop-color="#2e58ff"/><stop offset="1" stop-color="#9452ff"/></linearGradient></defs></g></svg>كيفية استخدام أيقونة Uxanarangel Light
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:uxanarangel-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:uxanarangel-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:uxanarangel-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--uxanarangel-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:uxanarangel-light"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:uxanarangel-light"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/uxanarangel-light.svg" alt="أيقونة Uxanarangel Light" width="24" height="24">أيقونات ذات صلة في theSVG Color
الأسئلة الشائعة حول أيقونة Uxanarangel Light
هل أيقونة Uxanarangel Light مجانية للاستخدام التجاري؟
نعم. تُنشر theSVG Color icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Uxanarangel Light في React؟
ثبّت @iconify/react واعرض <Icon icon="thesvg-color:uxanarangel-light" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Uxanarangel Light إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/thesvg-color/uxanarangel-light.svg" alt="أيقونة Uxanarangel Light">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.