Icono Elixir Dark

skill-icons:elixir-dark

El icono Elixir Dark (skill-icons:elixir-dark) es un icono SVG gratuito de la colección Skill Icons de tandpfun. Está dibujado en una cuadrícula de 256 × 256. Skill Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección: Skill Icons
Autor: tandpfun
Licencia: MIT
Tamaño: 256 × 256
Etiquetas: elixirdark

Descargar SVG

Código 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>

Cómo usar el icono 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>

Web component

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

Imagen HTML

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

Iconos relacionados en Skill Icons

Preguntas frecuentes sobre Icono Elixir Dark

¿El icono Elixir Dark es gratis para uso comercial?

Sí. Skill Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Elixir Dark en React?

Instala @iconify/react y renderiza <Icon icon="skill-icons:elixir-dark" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Elixir Dark a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/skill-icons/elixir-dark.svg" alt="Icono Elixir Dark">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Skill Icons →