Elixir icon
devicon:elixir
The Elixir icon (devicon:elixir) is a free SVG icon from the Devicon set by konpa. It is drawn on a 128 × 128 grid. Devicon 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.
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#8847b9" d="M87.773 58.138c-2.966-2.797-6.402-5.664-10.378-8.523c-9.561-6.871-14.338-15.182-16.621-22.709c0 0-2.695 4.494-5.134 9.196c-3.928 7.575-7.575 20.061-6.792 30.249c1.23 3.039 2.638 5.13 4.288 8.298c2.407 4.623 5.157 8.61 8.091 12.048q1.399.194 2.786.291c12.133.856 23.193-3.75 27.005-12.339c3.102-6.989-3.245-16.511-3.245-16.511"/><path fill="#b88cd9" d="M105.741 84.63C103.974 46.277 67.73 52.707 67.73 0a79 79 0 0 0-8.131 5.811s-2.299 9.641 1.175 21.095c2.284 7.528 7.06 15.838 16.621 22.709c3.976 2.859 7.412 5.726 10.378 8.523c15.013 14.158 17.968 26.492 17.968 26.492"/><path fill="#6e2e9e" d="M59.599 5.811s-9.367 8.907-16.443 25.53a91 91 0 0 0-1.868 4.761s1.096 14.27 7.56 30.249c-.783-10.188 2.864-22.674 6.792-30.249c2.439-4.702 5.134-9.196 5.134-9.196c-3.473-11.454-1.176-21.095-1.176-21.095"/><path fill="#b88cd9" d="M59.599 5.811c-10.982 8.937-19.061 20.276-24.84 31.788c0 0-2.204 10.935.897 25.556c0 0 .346-12.4 5.632-27.053a91 91 0 0 1 1.868-4.761c7.077-16.623 16.443-25.53 16.443-25.53"/><path fill="#8847b9" d="M34.759 37.599C25.637 55.768 22.243 74.368 22.204 84.63c0 0 7.697 12.871 27.95 17.2a63 63 0 0 0 8.045 1.168a69 69 0 0 1-2.628-2.651c-2.372-2.524-4.549-5.296-6.498-8.079c-5.601-7.994-9.328-16.07-10.425-18.562a7 7 0 0 1-.336-.781c-1.342-3.621-1.951-6.445-2.656-9.77c-3.101-14.621-.897-25.556-.897-25.556"/><path fill="#6e2e9e" d="M79.702 101.405c18.861-4.686 26.039-16.775 26.039-16.775s-2.955-12.334-17.968-26.492c0 0 6.347 9.522 3.245 16.511c-3.812 8.589-14.872 13.195-27.006 12.339a42 42 0 0 1-2.785-.291c5.852 6.86 12.433 11.534 18.475 14.708"/><path fill="#b88cd9" d="M105.795 86.292a63 63 0 0 0-.054-1.662s-7.178 12.089-26.039 16.775c10.878 5.713 20.011 6.569 20.011 6.569a41.46 41.46 0 0 0 6.082-21.682"/><path fill="#8847b9" d="M79.702 101.405c-4.534 1.126-9.743 1.825-15.689 1.825a72 72 0 0 1-5.814-.232c15.508 14.809 31.589 16.122 31.589 16.122a42 42 0 0 0 9.925-11.146s-9.133-.856-20.011-6.569"/><path fill="#b88cd9" d="M58.199 102.998a63 63 0 0 1-8.045-1.168c.241 1.603.503 3.107.784 4.488c2.984 14.675 13.075 21.681 13.075 21.681a41.65 41.65 0 0 0 25.775-8.879s-16.081-1.313-31.589-16.122"/><path fill="#a066cc" d="M22.229 86.292c0 23.034 18.707 41.707 41.784 41.707c0 0-10.091-7.006-13.075-21.681a89 89 0 0 1-.784-4.488c-20.253-4.329-27.95-17.2-27.95-17.2a42 42 0 0 0 .025 1.662"/><path fill="#531f7a" d="M64.013 103.23c5.946 0 11.155-.699 15.689-1.825c-6.042-3.174-12.623-7.848-18.475-14.708c-2.934-3.438-5.684-7.425-8.091-12.048c-1.65-3.168-3.058-5.259-4.288-8.298c-6.464-15.979-7.56-30.249-7.56-30.249c-5.286 14.653-5.632 27.053-5.632 27.053c.705 3.325 1.314 6.149 2.656 9.77c0 0 .114.276.336.781c1.097 2.492 4.824 10.568 10.425 18.562c1.949 2.783 4.126 5.555 6.498 8.079a69 69 0 0 0 2.628 2.651q.409.034.823.062q2.402.168 4.991.17"/></svg>How to use the Elixir icon
React
import { Icon } from "@iconify/react";
<Icon icon="devicon:elixir" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon:elixir" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon:elixir" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--elixir]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon -->
<div class="i-devicon:elixir"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon:elixir"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/devicon/elixir.svg" alt="Elixir icon" width="24" height="24">Related icons in Devicon
Elixir icon in other icon sets
Elixir icon FAQ
Is the Elixir icon free for commercial use?
Yes. Devicon icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Elixir icon in React?
Install @iconify/react and render <Icon icon="devicon:elixir" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Elixir icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/devicon/elixir.svg" alt="Elixir icon">, or paste the SVG code inline to style it with CSS.