أيقونة Svg Light
skill-icons:svg-light
أيقونة Svg Light (skill-icons:svg-light) أيقونة SVG مجانية من مجموعة Skill Icons من تصميم tandpfun. مرسومة على شبكة 256 × 256. تُنشر Skill Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Skill Icons
- المؤلف
- tandpfun
- الترخيص
- MIT
- الحجم
- 256 × 256
- الوسوم
- svglight
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#f4f2ed" rx="60"/><path fill="#000" d="M17 120h220.641v73.109c0 17.18-14.036 30.336-32.356 30.336H49.355C31.032 223.445 17 210.289 17 193.109z"/><path fill="#ffb13b" stroke="#000" stroke-width="28.695" d="M61.633 108.908c-6.824-6.402-17.89-6.402-24.715 0c-6.824 6.399-6.824 16.774 0 23.176c6.824 6.398 17.89 6.398 24.715 0h131.215c6.828 6.398 17.89 6.398 24.718 0c6.825-6.402 6.825-16.777 0-23.176c-6.828-6.402-17.89-6.402-24.718 0z"/><path fill="#ffb13b" stroke="#000" stroke-width="28.725" d="M89.59 68.803c0-9.055-7.824-16.39-17.477-16.39c-9.656 0-17.48 7.335-17.48 16.39c0 9.05 7.824 16.386 17.48 16.386l92.782 87c0 9.051 7.824 16.387 17.476 16.387s17.477-7.336 17.477-16.387s-7.825-16.386-17.477-16.386z"/><path fill="#ffb13b" stroke="#000" stroke-width="28.695" d="M139.602 58.979c6.824-6.403 6.824-16.778 0-23.18c-6.829-6.399-17.895-6.399-24.719 0c-6.824 6.402-6.824 16.777 0 23.18v123.035c-6.824 6.398-6.824 16.777 0 23.175c6.824 6.403 17.89 6.403 24.719 0c6.824-6.398 6.824-16.777 0-23.175z"/><path fill="#ffb13b" stroke="#000" stroke-width="28.725" d="M182.371 85.19c9.652 0 17.477-7.336 17.477-16.387c0-9.055-7.825-16.39-17.477-16.39s-17.476 7.335-17.476 16.39l-92.782 87c-9.656 0-17.48 7.336-17.48 16.386c0 9.051 7.824 16.387 17.48 16.387c9.653 0 17.477-7.336 17.477-16.387z"/><path fill="#ffb13b" d="M61.633 108.908c-6.824-6.402-17.89-6.402-24.715 0c-6.824 6.399-6.824 16.774 0 23.176c6.824 6.398 17.89 6.398 24.715 0h131.215c6.828 6.398 17.89 6.398 24.718 0c6.825-6.402 6.825-16.777 0-23.176c-6.828-6.402-17.89-6.402-24.718 0z"/><path fill="#ffb13b" d="M89.59 68.803c0-9.055-7.824-16.39-17.477-16.39c-9.656 0-17.48 7.335-17.48 16.39c0 9.05 7.824 16.386 17.48 16.386l92.782 87c0 9.051 7.824 16.387 17.476 16.387s17.477-7.336 17.477-16.387s-7.825-16.386-17.477-16.386z"/><path fill="#ffb13b" d="M139.602 58.979c6.824-6.403 6.824-16.778 0-23.18c-6.829-6.399-17.895-6.399-24.719 0c-6.824 6.402-6.824 16.777 0 23.18v123.035c-6.824 6.398-6.824 16.777 0 23.175c6.824 6.403 17.89 6.403 24.719 0c6.824-6.398 6.824-16.777 0-23.175z"/><path fill="#ffb13b" d="M182.371 85.19c9.652 0 17.477-7.337 17.477-16.387c0-9.055-7.825-16.39-17.477-16.39s-17.476 7.335-17.476 16.39l-92.782 87c-9.656 0-17.48 7.336-17.48 16.386c0 9.051 7.824 16.387 17.48 16.387c9.653 0 17.477-7.336 17.477-16.387z"/><path fill="#000" fill-opacity=".9" d="M17 121h220.641v73.109c0 17.18-14.036 30.336-32.356 30.336H49.355C31.032 224.445 17 211.289 17 194.109z"/><path fill="#fff" d="M50.027 172.135c-5.175-4.852-8.379-11.551-8.379-18.949c0-14.805 12.809-26.809 28.59-26.809c15.79 0 28.594 12.004 28.594 26.809H82.086c0-6.133-5.309-11.102-11.848-11.102s-11.84 4.969-11.84 11.102c0 3.062 1.329 5.839 3.461 7.839h.008c2.145 2.02 3.93 2.602 8.371 3.266c7.899.77 15.043 3 20.219 7.852c5.176 4.855 8.375 11.554 8.375 18.953c0 14.804-12.805 26.812-28.594 26.812c-15.781 0-28.59-12.008-28.59-26.812h16.75c0 6.133 5.301 11.109 11.84 11.109c6.54 0 11.848-4.976 11.848-11.109c0-3.063-1.324-5.832-3.461-7.84h-.008c-2.144-2.012-5.223-2.703-8.379-3.258v-.004c-7.656-1.101-15.035-3.004-20.21-7.859m105.988-45.758l-20.227 91.531h-16.746l-20.211-91.531h16.75l11.852 53.609l11.832-53.609zm28.597 37.914h28.586v26.805h.008c0 14.808-12.805 26.816-28.594 26.816c-15.793 0-28.59-12.008-28.59-26.816v-37.91h-.007c0-14.805 12.804-26.805 28.597-26.805c15.782 0 28.586 12 28.586 26.805h-16.746c0-6.125-5.308-11.102-11.84-11.102c-6.543 0-11.843 4.977-11.843 11.102v37.91c0 6.133 5.3 11.105 11.843 11.105c6.532 0 11.832-4.972 11.84-11.097v-11.102h-11.84z"/></g></svg>كيفية استخدام أيقونة Svg Light
React
import { Icon } from "@iconify/react";
<Icon icon="skill-icons:svg-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="skill-icons:svg-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="skill-icons:svg-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[skill-icons--svg-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/skill-icons -->
<div class="i-skill-icons:svg-light"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="skill-icons:svg-light"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/skill-icons/svg-light.svg" alt="أيقونة Svg Light" width="24" height="24">أيقونات ذات صلة في Skill Icons
الأسئلة الشائعة حول أيقونة Svg Light
هل أيقونة Svg Light مجانية للاستخدام التجاري؟
نعم. تُنشر Skill Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Svg Light في React؟
ثبّت @iconify/react واعرض <Icon icon="skill-icons:svg-light" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Svg Light إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/skill-icons/svg-light.svg" alt="أيقونة Svg Light">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.