ICONYZ
English
Elixir Light icon from Skill Icons

Elixir Light icon

skill-icons:elixir-light

The Elixir Light icon (skill-icons:elixir-light) is a free SVG icon from the Skill Icons set by tandpfun. It is drawn on a 256 × 256 grid. Skill Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set
Skill Icons
Author
tandpfun
License
MIT
Size
256 × 256
Tags
elixirlight
Download SVG

SVG code

<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>

How to use the Elixir Light icon

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>

Web component

<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 image

<img src="https://iconyz.com/api/public/svg/skill-icons/elixir-light.svg" alt="Elixir Light icon" width="24" height="24">

Related icons in Skill Icons

elixir-dark icon
elixir-dark

Elixir Light icon FAQ

Is the Elixir Light icon free for commercial use?

Yes. Skill Icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Elixir Light icon in React?

Install @iconify/react and render <Icon icon="skill-icons:elixir-light" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Elixir Light icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/skill-icons/elixir-light.svg" alt="Elixir Light icon">, or paste the SVG code inline to style it with CSS.

Browse all Skill Icons →