Ikon Six Background
token-branded:six-background
Ikon Six Background (token-branded:six-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
- sixbackground
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(#SVG3IVuObYJ)" d="M24 0H0v24h24z"/><path fill="#fff" d="M16.8 6.676v2.789c0 .3-.223.265-.334.21c-.36-.174-1.043-.542-1.147-.592s-.121-.184-.12-.244V7.326c-.01-.234-.129-.324-.185-.34a129 129 0 0 0-2.821-1.35a.6.6 0 0 0-.39 0c-.837.414-2.627 1.259-2.792 1.35a.42.42 0 0 0-.21.34v3.359c.004.227.145.328.21.35c.878.428 2.739 1.3 2.841 1.362s.27.027.342 0l.342-.177c.118-.074.257-.03.312 0l1.368.683c.176.137.073.267 0 .315c-.505.259-1.587.804-1.875.918a1.1 1.1 0 0 1-.733 0c-1.259-.619-3.84-1.898-4.1-2.064s-.316-.478-.308-.613V6.69c.014-.37.32-.582.465-.642c1.2-.597 3.677-1.827 3.982-1.97a.9.9 0 0 1 .738 0A450 450 0 0 1 16.466 6.1a.65.65 0 0 1 .334.576"/><path fill="#fff" d="M7.2 17.324V12.67c0-.3.223-.266.334-.21c.36.174 1.043.531 1.147.582s.121.184.12.243c-.005.343-.011 3.116 0 3.35s.129.324.185.34l2.796 1.39a.58.58 0 0 0 .39 0l2.847-1.39c.164-.09.181-.265.18-.34c.003-.958.005-3.206 0-3.434c-.004-.227-.114-.328-.18-.35c-.878-.428-2.769-1.295-2.871-1.358c-.103-.063-.27-.027-.342 0l-.342.177c-.118.074-.257.03-.312 0l-1.368-.683c-.176-.136-.073-.267 0-.315c.505-.259 1.587-.804 1.875-.918s.609-.047.733 0c1.259.619 3.84 1.898 4.1 2.064s.316.506.308.641v4.85c-.014.37-.32.582-.465.642c-1.2.597-3.677 1.827-3.982 1.97a.9.9 0 0 1-.738 0a444 444 0 0 1-4.081-2.023a.66.66 0 0 1-.334-.575"/><path fill="#fdd35a" d="M9.601 16.38v-2.232c0-.19.108-.155.181-.122c.674.301 2.037.912 2.101.944a.2.2 0 0 0 .162 0a380 380 0 0 0 2.153-.944c.169-.079.205.049.201.122a288 288 0 0 0 0 2.232c.004.077-.052.137-.08.158c-.693.321-2.1.977-2.2 1.03a.3.3 0 0 1-.255 0c-.653-.293-1.992-.894-2.123-.946s-.148-.183-.14-.242"/></g><defs><linearGradient id="SVG3IVuObYJ" x1="12" x2="12" y1="0" y2="24" gradientUnits="userSpaceOnUse"><stop stop-color="#25a7df"/><stop offset="1" stop-color="#655ba7"/></linearGradient><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Cara memakai ikon Six Background
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:six-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:six-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:six-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--six-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:six-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:six-background"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/token-branded/six-background.svg" alt="Ikon Six Background" width="24" height="24">Ikon terkait di Web3 Icons Branded
FAQ Ikon Six Background
Apakah ikon Six 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 Six Background di React?
Pasang @iconify/react lalu render <Icon icon="token-branded:six-background" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Six Background ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/token-branded/six-background.svg" alt="Ikon Six Background">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.