ICONYZ
العربية
أيقونة Elixir Dark من Skill Icons

أيقونة Elixir Dark

skill-icons:elixir-dark

أيقونة Elixir Dark (skill-icons:elixir-dark) أيقونة SVG مجانية من مجموعة Skill Icons من تصميم tandpfun. مرسومة على شبكة 256 × 256. تُنشر Skill Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Skill Icons
المؤلف
tandpfun
الترخيص
MIT
الحجم
256 × 256
الوسوم
elixirdark
تنزيل SVG

شيفرة 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(#SVGZZI98pCP)" fill-rule="evenodd" d="M133.418 28.503q-21.796 7.726-42.08 45.099c-20.284 37.372-46.482 90.479-10.407 132.527c16.689 19.452 44.245 30.933 80.409 12.75c29.051-14.607 37.131-56.526 26.701-76.225c-21.515-40.634-43.343-50.656-49.188-75.856q-5.845-25.2-5.435-38.295" clip-rule="evenodd"/><path fill="url(#SVGc3RbVcyj)" fill-rule="evenodd" d="M133.418 28q-21.906 7.805-42.08 45.098c-20.174 37.293-46.482 90.48-10.407 132.527c16.689 19.453 43.891 25.739 58.984 14.202c9.84-7.521 16.532-14.69 20.388-29.796c4.293-16.82.999-39.464-1.258-49.867q-4.284-19.745-2.805-43.343l-.779-.95c-7.858-9.617-13.921-17.993-16.608-29.576q-5.845-25.2-5.435-38.295" clip-rule="evenodd"/><path fill="url(#SVGuByx6LRj)" fill-rule="evenodd" d="M121.326 34.543Q100.922 50.668 90.984 88.64c-9.937 37.971-11.014 72.986-7.51 93.353c6.795 39.482 42.019 54.469 78.149 36.092c22.235-11.31 31.496-35.586 31.005-61.937c-.508-27.284-53.233-58.207-62.571-80.977q-9.337-22.77-8.731-40.628" clip-rule="evenodd"/><path fill="url(#SVGMRNrZdFQ)" fill-rule="evenodd" d="M155.811 105.732q24.47 31.383 10.668 43.692c-13.802 12.31-47.555 20.341-68.552 5.451q-20.997-14.89-15.89-63.887q-8.667 18.102-14.657 36.675t-3.498 38.872q7.507 15.186 36.501 20.285c28.995 5.098 56.438 2.579 74.853-6.704q18.414-9.282 17.419-18.481q.665-13.583-8.377-25.862t-28.467-30.041" clip-rule="evenodd"/><path fill="url(#SVG1JB8YQDI)" fill-rule="evenodd" d="M92.06 84.84q-.204 22.665 11.655 43.091c11.86 20.427 25.704 40.61 46.42 57.341q20.716 16.73 33.106 10.81q-10.176 18.213-21.641 17.849c-11.465-.364-25.444-5.374-47.842-32.291q-22.4-26.916-30.646-50.922q1.308-9.524 2.773-18.971q1.467-9.449 6.175-26.907" clip-rule="evenodd"/><path fill="url(#SVGuVHAzM6O)" fill-rule="evenodd" d="M127.098 105.576c1.267 12.309 6.057 31.999 0 45.108c-6.057 13.11-34.034 36.792-26.311 57.655c7.723 20.862 26.543 16.178 38.348 6.564s18.124-25.248 19.525-36.242c1.401-10.995-3.351-32.149-4.897-50.55q-1.545-18.4 2.098-31.553l-3.618-4.553l-21.292-6.304q-5.12 7.567-3.853 19.875" clip-rule="evenodd"/><path fill="url(#SVGnGWcEcwn)" fill-rule="evenodd" d="M134.698 44.61q-10.336 4.367-19.587 17.31c-9.251 12.941-13.963 20.699-10.475 46.353q3.488 25.655 4.992 47.202l29.822-86.646q-1.644-6.623-2.735-11.963q-1.092-5.34-2.017-12.257" clip-rule="evenodd"/><path fill="#330a4c" fill-opacity=".316" fill-rule="evenodd" d="M139.393 68.655q-11.355 6.628-17.598 27.159t-11.423 57.402q6.909-23.451 9.166-33.972c2.257-10.52 3.028-25.397 9.02-35.497q5.993-10.1 10.835-15.092" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M104.34 215.306q18.688 2.67 19.543 4.747c.856 2.078-1.577 3.978-8.492 2.701q-6.915-1.277-11.051-7.448" clip-rule="evenodd"/><path fill="#ededed" fill-opacity=".603" fill-rule="evenodd" d="M110.599 44.61q-10.278 12.279-17.813 26.035q-7.534 13.758-10.768 20.526q-1.002 5.05-.978 14.9t1.704 21.905q1.471-23.606 9.007-45.827t18.848-37.54" clip-rule="evenodd"/><defs><linearGradient id="SVGZZI98pCP" x1="130.619" x2="123.681" y1="43.244" y2="227.849" gradientUnits="userSpaceOnUse"><stop stop-color="#d9d8dc"/><stop offset="1" stop-color="#fff" stop-opacity=".385"/></linearGradient><linearGradient id="SVGc3RbVcyj" x1="133.755" x2="61.246" y1="43.198" y2="202.116" gradientUnits="userSpaceOnUse"><stop stop-color="#8d67af" stop-opacity=".672"/><stop offset="1" stop-color="#9f8daf"/></linearGradient><linearGradient id="SVGuByx6LRj" x1="141.849" x2="141.849" y1="94.687" y2="222.482" gradientUnits="userSpaceOnUse"><stop stop-color="#26053d" stop-opacity=".762"/><stop offset="1" stop-color="#b7b4b4" stop-opacity=".278"/></linearGradient><linearGradient id="SVGMRNrZdFQ" x1="76.278" x2="108.812" y1="103.33" y2="189.51" gradientUnits="userSpaceOnUse"><stop stop-color="#91739f" stop-opacity=".46"/><stop offset="1" stop-color="#32054f" stop-opacity=".54"/></linearGradient><linearGradient id="SVG1JB8YQDI" x1="163.238" x2="73.773" y1="209.304" y2="135.173" gradientUnits="userSpaceOnUse"><stop stop-color="#463d49" stop-opacity=".331"/><stop offset="1" stop-color="#340a50" stop-opacity=".821"/></linearGradient><linearGradient id="SVGuVHAzM6O" x1="144.85" x2="81.751" y1="95.891" y2="191.882" gradientUnits="userSpaceOnUse"><stop stop-color="#715383" stop-opacity=".145"/><stop offset="1" stop-color="#f4f4f4" stop-opacity=".234"/></linearGradient><linearGradient id="SVGnGWcEcwn" x1="150.884" x2="106.199" y1="125.17" y2="122.442" gradientUnits="userSpaceOnUse"><stop stop-color="#a5a1a8" stop-opacity=".356"/><stop offset="1" stop-color="#370c50" stop-opacity=".582"/></linearGradient></defs></g></svg>

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

React

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

<Icon icon="skill-icons:elixir-dark" width="24" />

Vue

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

<template>
  <Icon icon="skill-icons:elixir-dark" width="24" />
</template>

Svelte

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

<Icon icon="skill-icons:elixir-dark" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[skill-icons--elixir-dark]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/skill-icons -->
<div class="i-skill-icons:elixir-dark"></div>

مكوّن ويب

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

<iconify-icon icon="skill-icons:elixir-dark"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/skill-icons/elixir-dark.svg" alt="أيقونة Elixir Dark" width="24" height="24">

أيقونات ذات صلة في Skill Icons

أيقونة elixir-light
elixir-light

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

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

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

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

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

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

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

تصفح كل Skill Icons →