أيقونة Idea Dark
skill-icons:idea-dark
أيقونة Idea Dark (skill-icons:idea-dark) أيقونة SVG مجانية من مجموعة Skill Icons من تصميم tandpfun. مرسومة على شبكة 256 × 256. تُنشر Skill Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Skill Icons
- المؤلف
- tandpfun
- الترخيص
- MIT
- الحجم
- 256 × 256
- الوسوم
- ideadark
شيفرة 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="#242938" 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 Dark
React
import { Icon } from "@iconify/react";
<Icon icon="skill-icons:idea-dark" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="skill-icons:idea-dark" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="skill-icons:idea-dark" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[skill-icons--idea-dark]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/skill-icons -->
<div class="i-skill-icons:idea-dark"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="skill-icons:idea-dark"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/skill-icons/idea-dark.svg" alt="أيقونة Idea Dark" width="24" height="24">أيقونات ذات صلة في Skill Icons
الأسئلة الشائعة حول أيقونة Idea Dark
هل أيقونة Idea Dark مجانية للاستخدام التجاري؟
نعم. تُنشر Skill Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Idea Dark في React؟
ثبّت @iconify/react واعرض <Icon icon="skill-icons:idea-dark" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Idea Dark إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/skill-icons/idea-dark.svg" alt="أيقونة Idea Dark">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.