Ikon Mix
token-branded:mix
Ikon Mix (token-branded:mix) adalah ikon SVG gratis dari set Web3 Icons Branded karya 0xa3k5. Ikon ini digambar pada grid 24 × 24. Web3 Icons Branded 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
- Web3 Icons Branded
- Pembuat
- 0xa3k5
- Lisensi
- MIT
- Ukuran
- 24 × 24
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="#374ce8" d="m11.14 5.578l-.08-1.6l1.3.905z"/><path fill="#b96fd7" d="m11.665 8.825l-1.535-1.29l1.515.16z"/><path fill="#ce7edd" d="m11.665 8.824l-.025-1.12l.81 1.285z"/><path fill="#af69dc" d="m13.634 7.874l-2-.17l.81 1.285z"/><path fill="url(#SVGPRjzyb1O)" d="m12.899 6.41l-1.265 1.3l1.995.165l-.725-1.465z"/><path fill="#8354c3" d="m11.185 6.781l-1.06.76l1.515.16z"/><path fill="url(#SVG7iURIeJc)" d="m11.065 3.965l-.935 3.57l1.08-.76l-.15-2.81z"/><path fill="#365af7" d="m12.339 4.883l-1.285-.9l1.285-.98z"/><path fill="#2d4ef2" d="M11.455 3.19L11.08 4l1.27-.98l-.895.175z"/><path fill="#3865ff" d="m13.834 4.5l-1.5-1.5v1.92z"/><path fill="url(#SVGHuV4dd1j)" d="M11.145 5.575L11.18 6.8l.465.91l1.26-1.3l-.565-1.54l-1.2.7z"/><path fill="url(#SVGPj5l5cRQ)" d="m13.834 4.485l-1.515.39l.585 1.55z"/><path fill="url(#SVGo95RFbxf)" d="m13.815 4.485l-.92 1.934l.735 1.46l.185-3.4z"/><path fill="#f6609a" d="M9.37 13L6 11.9l2.585 3.13z"/><path fill="url(#SVGtMPVwdLT)" d="M6 15.734v-3.845l.8 2.695z"/><path fill="url(#SVG4Zu49bGB)" d="M6.8 14.615L6 11.9L8.575 15l-1.78-.38z"/><path fill="url(#SVGQXeVcewU)" d="m7.505 17.16l-1.5-1.43l.78-1.155z"/><path fill="#fd627f" d="m8.625 15l-1.85-.4l.725 2.556z"/><path fill="url(#SVGr15Qr90k)" d="m9.284 15.735l-1.785 1.42l1.08-2.17z"/><path fill="url(#SVGSxLF2dwG)" d="m9.36 12.995l-.78 2.01l.725.765l.864-.38L9.36 13z"/><path fill="#e14b55" d="m9.324 17.999l-.05-2.255l.89-.36z"/><path fill="#ffd574" d="m11.999 21l-2.685-3.01l1.57-.4z"/><path fill="url(#SVGnuj6Ub1r)" d="m10.91 17.605l-.75-2.23L9.32 18l1.59-.39z"/><path fill="#f4b356" d="m11.985 18.374l-1.1-.775l1.115 3.4l1.125-3.37z"/><path fill="url(#SVGh8z0Mc1h)" d="m14.498 18.04l-2.5 2.959l1.126-3.38z"/><path fill="url(#SVG2JwRVdmP)" d="M11.96 15.005L10.885 17.6l1.1.785l1.15-.755L11.96 15z"/><path fill="url(#SVGwtnlIdXh)" d="m11.954 15.03l-1.06 2.57l-1.54-4.6z"/><path fill="url(#SVGDX8qzewa)" d="M14.534 13h-5.18l2.615 2.06z"/><path fill="url(#SVGGXdP6d6y)" d="M8.925 10.5L6 11.9L9.355 13h5.27L18 11.89l-2.985-1.39z"/><path fill="url(#SVGnUJiFenA)" d="M12.075 11.943c1.055 0 1.91-.165 1.91-.37c0-.204-.855-.37-1.91-.37s-1.91.166-1.91.37s.855.37 1.91.37"/><path fill="url(#SVGGQFPVJcD)" d="m14.5 15.74l-.68-.395l.7-2.35l.834 1.99l-.85.75z"/><path fill="url(#SVGCNHPxdDw)" d="m14.534 12.995l-1.4 4.635l-1.165-2.595L14.534 13z"/><path fill="url(#SVGMU3qMeLL)" d="m14.5 18.049l-1.375-.425l.7-2.29l.675.39z"/><path fill="url(#SVGhJjeSdhv)" d="m16.48 17.25l-1.981-1.53l.86-.76l1.12 2.28z"/><path fill="url(#SVGM3YpC36h)" d="M17.99 11.9L14.523 13l.825 2.01l2.64-3.115z"/><path fill="url(#SVGltr8IbSj)" d="m17.22 14.574l-1.87.435L18 11.884z"/><path fill="url(#SVG1sqIIc2V)" d="m17.998 15.709l-.814-1.115l.814-2.71z"/><path fill="url(#SVG9CRzKdsP)" d="m17.19 14.57l-1.84.434l1.135 2.25l.7-2.685z"/><path fill="url(#SVGabDUDd8M)" d="m17.989 15.685l-.805-1.11l-.71 2.66z"/><defs><linearGradient id="SVGPRjzyb1O" x1="11.984" x2="11.984" y1="3" y2="21" gradientUnits="userSpaceOnUse"><stop stop-color="#7187fe"/><stop offset="1" stop-color="#8862e1"/></linearGradient><linearGradient id="SVG7iURIeJc" x1="-.055" x2="2.709" y1="4.235" y2="22.265" gradientUnits="userSpaceOnUse"><stop stop-color="#435df9"/><stop offset="1" stop-color="#4c42d3"/></linearGradient><linearGradient id="SVGHuV4dd1j" x1="16.028" x2="7.235" y1="7.468" y2="13.512" gradientUnits="userSpaceOnUse"><stop stop-color="#2e42de"/><stop offset="1" stop-color="#6c42c4"/></linearGradient><linearGradient id="SVGPj5l5cRQ" x1="15.742" x2="7.307" y1="5.042" y2="13.65" gradientUnits="userSpaceOnUse"><stop stop-color="#3e78fd"/><stop offset="1" stop-color="#4a70f7"/></linearGradient><linearGradient id="SVGo95RFbxf" x1="7.044" x2="15.686" y1="12.529" y2="9.849" gradientUnits="userSpaceOnUse"><stop stop-color="#8359e3"/><stop offset="1" stop-color="#7562f3"/></linearGradient><linearGradient id="SVGtMPVwdLT" x1="4.35" x2="5.477" y1="6.252" y2="19.753" gradientUnits="userSpaceOnUse"><stop offset=".43" stop-color="#d13462"/><stop offset="1" stop-color="#ff7073"/></linearGradient><linearGradient id="SVG4Zu49bGB" x1="7.328" x2="16.762" y1="5.73" y2="17.905" gradientUnits="userSpaceOnUse"><stop stop-color="#ad214a"/><stop offset="1" stop-color="#f67b72"/></linearGradient><linearGradient id="SVGQXeVcewU" x1="8.48" x2="11.293" y1="5.02" y2="21.358" gradientUnits="userSpaceOnUse"><stop stop-color="#fa7b62"/><stop offset="1" stop-color="#ffcc6d"/></linearGradient><linearGradient id="SVGr15Qr90k" x1="15.579" x2="6.227" y1="4.95" y2="15.561" gradientUnits="userSpaceOnUse"><stop stop-color="#ff6088"/><stop offset="1" stop-color="#fec46c"/></linearGradient><linearGradient id="SVGSxLF2dwG" x1="11.886" x2="11.886" y1="3.973" y2="21" gradientUnits="userSpaceOnUse"><stop stop-color="#830e36"/><stop offset="1" stop-color="#ec4679"/></linearGradient><linearGradient id="SVGnuj6Ub1r" x1="12" x2="12" y1="3.103" y2="20.863" gradientUnits="userSpaceOnUse"><stop stop-color="#f15979"/><stop offset="1" stop-color="#ed9748"/></linearGradient><linearGradient id="SVGh8z0Mc1h" x1="17.038" x2="4.929" y1="5.822" y2="18.285" gradientUnits="userSpaceOnUse"><stop stop-color="#ff5c8c"/><stop offset="1" stop-color="#f1984c"/></linearGradient><linearGradient id="SVG2JwRVdmP" x1="11.947" x2="11.947" y1="3.027" y2="21" gradientUnits="userSpaceOnUse"><stop offset=".27" stop-color="#db4b82"/><stop offset="1" stop-color="#ef8f58"/></linearGradient><linearGradient id="SVGwtnlIdXh" x1="7.8" x2="15.557" y1="9.359" y2="8.276" gradientUnits="userSpaceOnUse"><stop stop-color="#e67c8e"/><stop offset="1" stop-color="#d55674"/></linearGradient><linearGradient id="SVGDX8qzewa" x1="12.868" x2="4.392" y1="3.524" y2="14.675" gradientUnits="userSpaceOnUse"><stop stop-color="#591560"/><stop offset="1" stop-color="#c55070"/></linearGradient><linearGradient id="SVGGXdP6d6y" x1="8.74" x2="16.676" y1="19.236" y2="17.653" gradientUnits="userSpaceOnUse"><stop stop-color="#c84083"/><stop offset=".43" stop-color="#a53b98"/><stop offset=".53" stop-color="#bb55b6"/><stop offset="1" stop-color="#744fd7"/></linearGradient><linearGradient id="SVGnUJiFenA" x1="8.435" x2="19.607" y1="22.944" y2="20.494" gradientUnits="userSpaceOnUse"><stop stop-color="#220633"/><stop offset=".46" stop-color="#3e0e55"/><stop offset="1" stop-color="#370e65"/></linearGradient><linearGradient id="SVGGQFPVJcD" x1="12.058" x2="12.058" y1="3.918" y2="21.164" gradientUnits="userSpaceOnUse"><stop stop-color="#c058bb"/><stop offset="1" stop-color="#b63781"/></linearGradient><linearGradient id="SVGCNHPxdDw" x1="15.73" x2="13.156" y1="4.767" y2="21.176" gradientUnits="userSpaceOnUse"><stop stop-color="#8c3078"/><stop offset="1" stop-color="#e17269"/></linearGradient><linearGradient id="SVGMU3qMeLL" x1="12.24" x2="12.24" y1="3.165" y2="20.833" gradientUnits="userSpaceOnUse"><stop stop-color="#ee919b"/><stop offset="1" stop-color="#fbbf84"/></linearGradient><linearGradient id="SVGhJjeSdhv" x1="9.06" x2="14.215" y1="4.023" y2="20.338" gradientUnits="userSpaceOnUse"><stop stop-color="#db62b6"/><stop offset="1" stop-color="#c03f89"/></linearGradient><linearGradient id="SVGM3YpC36h" x1="7.835" x2="10.563" y1="17.59" y2="7.143" gradientUnits="userSpaceOnUse"><stop stop-color="#9e408c"/><stop offset="1" stop-color="#230e79"/></linearGradient><linearGradient id="SVGltr8IbSj" x1="11.773" x2="11.773" y1="3.517" y2="20.97" gradientUnits="userSpaceOnUse"><stop offset=".64" stop-color="#260e76"/><stop offset="1" stop-color="#9e408c"/></linearGradient><linearGradient id="SVG1sqIIc2V" x1="12.035" x2="12.035" y1="3.422" y2="20.999" gradientUnits="userSpaceOnUse"><stop stop-color="#230d75"/><stop offset="1" stop-color="#a04f93"/></linearGradient><linearGradient id="SVG9CRzKdsP" x1="12.815" x2="11.954" y1="3.1" y2="20.997" gradientUnits="userSpaceOnUse"><stop stop-color="#57156d"/><stop offset="1" stop-color="#db7391"/></linearGradient><linearGradient id="SVGabDUDd8M" x1="17.788" x2="17.224" y1="15.081" y2="17.231" gradientUnits="userSpaceOnUse"><stop stop-color="#914089"/><stop offset=".96" stop-color="#d78e83"/></linearGradient></defs></g></svg>Cara memakai ikon Mix
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:mix" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:mix" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:mix" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--mix]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:mix"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:mix"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/token-branded/mix.svg" alt="Ikon Mix" width="24" height="24">Ikon terkait di Web3 Icons Branded
Ikon Mix di set ikon lain
FAQ Ikon Mix
Apakah ikon Mix gratis untuk penggunaan komersial?
Ya. Web3 Icons Branded icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Mix di React?
Pasang @iconify/react lalu render <Icon icon="token-branded:mix" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Mix ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/token-branded/mix.svg" alt="Ikon Mix">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.