ICONYZ
Bahasa Indonesia
Ikon Xbox dari theSVG Color

Ikon Xbox

thesvg-color:xbox

Ikon Xbox (thesvg-color:xbox) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 88 × 88. theSVG Color 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
theSVG Color
Pembuat
thesvg.org
Lisensi
MIT
Ukuran
88 × 88
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="88" height="88" viewBox="0 0 88 88"><path fill="#107c10" d="M39.73 86.91c-6.628-.635-13.338-3.015-19.102-6.776c-4.83-3.15-5.92-4.447-5.92-7.032c0-5.193 5.71-14.29 15.48-24.658c5.547-5.89 13.275-12.79 14.11-12.604c1.626.363 14.616 13.034 19.48 19c7.69 9.43 11.224 17.154 9.428 20.597c-1.365 2.617-9.837 7.733-16.06 9.698c-5.13 1.62-11.867 2.306-17.416 1.775M8.184 67.703c-4.014-6.158-6.042-12.22-7.02-20.988c-.324-2.895-.21-4.55.733-10.494c1.173-7.4 5.39-15.97 10.46-21.24c2.158-2.24 2.35-2.3 4.982-1.41c3.19 1.08 6.6 3.436 11.89 8.22l3.09 2.794l-1.69 2.07c-7.828 9.61-16.09 23.24-19.2 31.67c-1.69 4.58-2.37 9.18-1.64 11.095c.49 1.294.04.812-1.61-1.714zm70.453 1.047c.397-1.936-.105-5.49-1.28-9.076c-2.545-7.765-11.054-22.21-18.867-32.032l-2.46-3.092l2.662-2.443c3.474-3.19 5.886-5.1 8.49-6.723c2.053-1.28 4.988-2.413 6.25-2.413c.777 0 3.516 2.85 5.726 5.95c3.424 4.8 5.942 10.63 7.218 16.69c.825 3.92.894 12.3.133 16.21c-.63 3.208-1.95 7.366-3.23 10.187c-.97 2.113-3.36 6.218-4.41 7.554c-.54.687-.54.686-.24-.796zM40.44 11.505C36.834 9.675 31.272 7.71 28.2 7.18c-1.076-.185-2.913-.29-4.08-.23c-2.536.128-2.423-.004 1.643-1.925c3.38-1.597 6.2-2.536 10.03-3.34C40.098.78 48.193.77 52.43 1.663c4.575.965 9.964 2.97 13 4.84l.904.554l-2.07-.104C60.148 6.745 54.15 8.408 47.71 11.54c-1.942.946-3.63 1.7-3.754 1.68c-.123-.024-1.706-.795-3.52-1.715z"/></svg>

Cara memakai ikon Xbox

React

import { Icon } from "@iconify/react";

<Icon icon="thesvg-color:xbox" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="thesvg-color:xbox" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="thesvg-color:xbox" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--xbox]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:xbox"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="thesvg-color:xbox"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/thesvg-color/xbox.svg" alt="Ikon Xbox" width="24" height="24">

Ikon Xbox di set ikon lain

FAQ Ikon Xbox

Apakah ikon Xbox gratis untuk penggunaan komersial?

Ya. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Xbox di React?

Pasang @iconify/react lalu render <Icon icon="thesvg-color:xbox" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Xbox ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/xbox.svg" alt="Ikon Xbox">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon theSVG Color →