Ikon Elixir Dark
skill-icons:elixir-dark
Ikon Elixir Dark (skill-icons:elixir-dark) adalah ikon SVG gratis dari set Skill Icons karya tandpfun. Ikon ini digambar pada grid 256 × 256. Skill Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Skill Icons
- Pembuat
- tandpfun
- Lisensi
- MIT
- Ukuran
- 256 × 256
- Tag
- elixirdark
Kode 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>Cara memakai ikon 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>Gambar HTML
<img src="https://iconyz.com/api/public/svg/skill-icons/elixir-dark.svg" alt="Ikon Elixir Dark" width="24" height="24">Ikon terkait di Skill Icons
FAQ Ikon Elixir Dark
Apakah ikon Elixir Dark gratis untuk penggunaan komersial?
Ya. Skill Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Elixir Dark di React?
Pasang @iconify/react lalu render <Icon icon="skill-icons:elixir-dark" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Elixir Dark ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/skill-icons/elixir-dark.svg" alt="Ikon Elixir Dark">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.