أيقونة Idea Light
skill-icons:idea-light
أيقونة Idea Light (skill-icons:idea-light) أيقونة SVG مجانية من مجموعة Skill Icons من تصميم tandpfun. مرسومة على شبكة 256 × 256. تُنشر Skill Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Skill Icons
- المؤلف
- tandpfun
- الترخيص
- MIT
- الحجم
- 256 × 256
- الوسوم
- idealight
شيفرة 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="url(#SVGAxKcqc2V)" d="m78.571 184l-48.285-38.286l24-44.571L123.143 128z"/><path fill="url(#SVGfLar6cfN)" d="m228 81.429l-3.714 115.714L147.429 228l-46.286-29.714L168.857 128l-29.714-64.857l26.571-32z"/><path fill="url(#SVG2TdOye3m)" d="m228 81.429l-60.857 72l-28-90.286l26.571-32z"/><path fill="url(#SVGQOCFBICt)" d="M124.286 194L44 223.143L56.857 178l16.857-55.429L28 107.143L56.857 28l62.857 7.714l61.715 70.572z"/><path fill="#000" d="M190.571 66.572H67.143V190H190.57z"/><path fill="#fff" d="M124.857 166.857H78.571v7.714h46.286zM112 92v-9.428H86.286V92h7.428v32.286h-7.428v9.428H112v-9.428h-7.143V92zm24.571 42.572c-4 0-7.428-.858-10-2.286c-2.571-1.429-4.857-3.429-6.571-5.429l7.143-8c1.428 1.715 2.857 2.857 4.286 3.715s3.142 1.428 4.857 1.428c2 0 3.714-.571 5.143-2c1.142-1.428 1.714-3.428 1.714-6.571V82.572h11.428V116c0 3.143-.285 5.714-1.142 8c-.858 2.286-2 4-3.715 5.714c-1.428 1.429-3.428 2.858-5.714 3.429c-2.286.857-4.571 1.429-7.429 1.429"/><defs><linearGradient id="SVGAxKcqc2V" x1="30.256" x2="123.192" y1="142.541" y2="142.541" gradientUnits="userSpaceOnUse"><stop offset=".258" stop-color="#f97a12"/><stop offset=".459" stop-color="#b07b58"/><stop offset=".724" stop-color="#577bae"/><stop offset=".91" stop-color="#1e7ce5"/><stop offset="1" stop-color="#087cfa"/></linearGradient><linearGradient id="SVGfLar6cfN" x1="101.621" x2="254.926" y1="99.086" y2="183.914" gradientUnits="userSpaceOnUse"><stop stop-color="#f97a12"/><stop offset=".072" stop-color="#cb7a3e"/><stop offset=".154" stop-color="#9e7b6a"/><stop offset=".242" stop-color="#757b91"/><stop offset=".334" stop-color="#537bb1"/><stop offset=".432" stop-color="#387ccc"/><stop offset=".538" stop-color="#237ce0"/><stop offset=".655" stop-color="#147cef"/><stop offset=".792" stop-color="#0b7cf7"/><stop offset="1" stop-color="#087cfa"/></linearGradient><linearGradient id="SVG2TdOye3m" x1="208.651" x2="165.972" y1="150.615" y2="23.088" gradientUnits="userSpaceOnUse"><stop stop-color="#fe315d"/><stop offset=".078" stop-color="#cb417e"/><stop offset=".16" stop-color="#9e4e9b"/><stop offset=".247" stop-color="#755bb4"/><stop offset=".339" stop-color="#5365ca"/><stop offset=".436" stop-color="#386ddb"/><stop offset=".541" stop-color="#2374e9"/><stop offset=".658" stop-color="#1478f3"/><stop offset=".794" stop-color="#0b7bf8"/><stop offset="1" stop-color="#087cfa"/></linearGradient><linearGradient id="SVGQOCFBICt" x1="58.63" x2="186.639" y1="75.066" y2="286.8" gradientUnits="userSpaceOnUse"><stop stop-color="#fe315d"/><stop offset=".04" stop-color="#f63462"/><stop offset=".104" stop-color="#df3a71"/><stop offset=".167" stop-color="#c24383"/><stop offset=".291" stop-color="#ad4a91"/><stop offset=".55" stop-color="#755bb4"/><stop offset=".917" stop-color="#1d76ed"/><stop offset="1" stop-color="#087cfa"/></linearGradient></defs></g></svg>كيفية استخدام أيقونة Idea Light
React
import { Icon } from "@iconify/react";
<Icon icon="skill-icons:idea-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="skill-icons:idea-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="skill-icons:idea-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[skill-icons--idea-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/skill-icons -->
<div class="i-skill-icons:idea-light"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="skill-icons:idea-light"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/skill-icons/idea-light.svg" alt="أيقونة Idea Light" width="24" height="24">أيقونات ذات صلة في Skill Icons
الأسئلة الشائعة حول أيقونة Idea Light
هل أيقونة Idea Light مجانية للاستخدام التجاري؟
نعم. تُنشر Skill Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Idea Light في React؟
ثبّت @iconify/react واعرض <Icon icon="skill-icons:idea-light" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Idea Light إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/skill-icons/idea-light.svg" alt="أيقونة Idea Light">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.