Ikon Ionx Background
token-branded:ionx-background
Ikon Ionx Background (token-branded:ionx-background) 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
- Tag
- ionxbackground
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd)"><path fill="url(#SVGpFq1OenP)" d="M24 0H0v24h24z"/><path fill="#fff" d="M12.226 13.356a1.358 1.358 0 1 0 0-2.716a1.358 1.358 0 0 0 0 2.716m-1.81-6.335a.905.905 0 1 0 0-1.81a.905.905 0 0 0 0 1.81m8.122 5.43a1.131 1.131 0 1 0 0 2.263a1.131 1.131 0 0 0 0-2.263"/><path fill="#fff" d="M16.796 9.478c.625-1.918.543-3.434-.353-4.027c-.995-.642-2.683.054-4.434 1.697q-.211-.195-.416-.371a1.4 1.4 0 0 1-.303.43c.113.1.235.199.339.303q-.68.686-1.276 1.439c-.882.063-1.765.194-2.624.398c-.534-1.647-.52-2.937.176-3.394a1.3 1.3 0 0 1 1.032-.117q.08-.273.271-.498c-.656-.195-1.222-.172-1.656.118c-.896.588-.973 2.104-.348 4.022C5.235 10.03 4 10.935 4 12.003s1.235 1.964 3.204 2.52q-.083.25-.145.494h.077q.233-.002.452.072q.059-.211.131-.43c.865.195 1.747.326 2.634.385q.601.754 1.28 1.439C10.11 17.89 8.68 18.55 7.905 18.039a1.04 1.04 0 0 1-.317-.335a1.3 1.3 0 0 1-.615.06c.108.316.317.588.588.778c.996.656 2.679-.041 4.444-1.693c1.755 1.652 3.438 2.353 4.438 1.693c.9-.589.978-2.105.353-4.028c.181-.045.362-.104.53-.158a1.4 1.4 0 0 1-.236-.466l-.475.145a16 16 0 0 0-.94-2.027c.361-.652.678-1.33.94-2.027c1.688.466 2.77 1.208 2.77 2.027a1 1 0 0 1-.1.425a1.4 1.4 0 0 1 .407.462c.195-.258.303-.57.308-.892c0-1.068-1.235-1.973-3.204-2.525M12 7.872c.317.317.638.665.946 1.04A22 22 0 0 0 12 8.89c-.317 0-.643 0-.941.023c.299-.376.62-.724.94-1.041m-2.08 1.624q-.702.946-1.3 1.96a15 15 0 0 1-.728-1.63a17 17 0 0 1 2.023-.325zm-2.543 4.525c-1.688-.461-2.77-1.203-2.77-2.022c0-.82 1.086-1.552 2.77-2.027q.401 1.047.945 2.027c-.362.651-.678 1.33-.94 2.027zm.51.136q.315-.835.725-1.629c.24.398.475.796.76 1.195q.271.405.543.769a16 16 0 0 1-2.027-.335m1.91-.715a23 23 0 0 1-.896-1.439c.508-.89 1.08-1.744 1.71-2.552a21 21 0 0 1 2.775 0A21 21 0 0 1 15.095 12a21 21 0 0 1-1.706 2.552a22 22 0 0 1-2.774 0a22 22 0 0 1-.814-1.113zm1.25 1.643c.307.013.624.018.94.018c.317 0 .643 0 .946-.018c-.317.375-.638.723-.946 1.04a18 18 0 0 1-.94-1.04m5.054 2.954c-.77.507-2.204-.149-3.729-1.556a18 18 0 0 0 1.28-1.44a17 17 0 0 0 2.625-.393c.534 1.643.52 2.923-.177 3.39m0-3.887q-1 .24-2.028.335q.705-.943 1.299-1.959q.415.793.733 1.629zm-.724-2.692c-.236-.389-.471-.792-.751-1.19q-.272-.394-.548-.77a16 16 0 0 1 2.027.336q-.314.835-.724 1.629zm.905-2.113a16.6 16.6 0 0 0-2.625-.398q-.601-.755-1.28-1.44c1.52-1.406 2.954-2.062 3.728-1.551c.692.452.706 1.742.172 3.389z"/><path fill="#fff" d="M8.606 16.751a1.131 1.131 0 1 0-2.263 0a1.131 1.131 0 0 0 2.263 0"/></g><defs><linearGradient id="SVGpFq1OenP" x1="8" x2="14.194" y1="17.879" y2="5.236" gradientUnits="userSpaceOnUse"><stop stop-color="#383d63"/><stop offset=".23" stop-color="#693566"/><stop offset=".48" stop-color="#982d6a"/><stop offset=".7" stop-color="#bb276c"/><stop offset=".88" stop-color="#d0236d"/><stop offset="1" stop-color="#d8226e"/></linearGradient><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Cara memakai ikon Ionx Background
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:ionx-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:ionx-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:ionx-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--ionx-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:ionx-background"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:ionx-background"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/token-branded/ionx-background.svg" alt="Ikon Ionx Background" width="24" height="24">Ikon terkait di Web3 Icons Branded
FAQ Ikon Ionx Background
Apakah ikon Ionx Background 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 Ionx Background di React?
Pasang @iconify/react lalu render <Icon icon="token-branded:ionx-background" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Ionx Background ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/token-branded/ionx-background.svg" alt="Ikon Ionx Background">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.