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

أيقونة Elixir Light

skill-icons:elixir-light

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

المجموعة
Skill Icons
المؤلف
tandpfun
الترخيص
MIT
الحجم
256 × 256
الوسوم
elixirlight
تنزيل 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="#f4f2ed" 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.907 7.805-42.08 45.098c-20.174 37.293-46.483 90.48-10.408 132.527c16.69 19.453 43.891 25.739 58.985 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.846-25.2-5.435-38.295" clip-rule="evenodd"/><path fill="url(#SVGuByx6LRj)" fill-rule="evenodd" d="M121.325 34.543q-20.404 16.125-30.34 54.097c-9.939 37.971-11.015 72.986-7.51 93.353c6.794 39.482 42.018 54.469 78.148 36.092c22.234-11.31 31.495-35.586 31.005-61.937c-.508-27.284-53.233-58.207-62.571-80.977q-9.338-22.77-8.732-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.554 20.341-68.552 5.451q-20.997-14.89-15.89-63.887q-8.666 18.102-14.657 36.675t-3.498 38.872q7.507 15.186 36.502 20.285c28.994 5.098 56.437 2.579 74.852-6.704q18.415-9.282 17.419-18.481q.666-13.583-8.377-25.862q-9.042-12.278-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.422 57.402q6.907-23.451 9.165-33.972c2.257-10.52 3.028-25.397 9.021-35.497q5.992-10.1 10.834-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.767 20.526q-1.003 5.05-.979 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 Light

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

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

صورة HTML

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

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

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

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

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

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

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

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

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

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

تصفح كل Skill Icons →