Mix ikonu
token-branded:mix
Mix ikonu (token-branded:mix), Web3 Icons Branded setinden ücretsiz bir SVG ikondur (yapımcı: 0xa3k5). 24 × 24 ızgara üzerinde çizilmiştir. Web3 Icons Branded icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.
- İkon seti
- Web3 Icons Branded
- Yazar
- 0xa3k5
- Lisans
- MIT
- Boyut
- 24 × 24
SVG kodu
<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>Mix ikonu nasıl kullanılır
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 bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:mix"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/token-branded/mix.svg" alt="Mix ikonu" width="24" height="24">Web3 Icons Branded setindeki benzer ikonlar
Diğer ikon setlerinde Mix ikonu
Mix ikonu: sık sorulan sorular
Mix ikonu ticari kullanım için ücretsiz mi?
Evet. Web3 Icons Branded icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Mix ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="token-branded:mix" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Mix ikonunu bir web sayfasına nasıl eklerim?
SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/token-branded/mix.svg" alt="Mix ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.