Ikon Xstate
logos:xstate
Ikon Xstate (logos:xstate) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 512 × 160. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- SVG Logos
- Pembuat
- Gil Barbara
- Lisensi
- CC0-1.0
- Ukuran
- 512 × 160
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="160" viewBox="0 0 512 160"><path d="m40.096 0l92.325 159.769H92.119L66.21 114.737L40.096 159.77H0l46.06-79.782L0 0zm92.12 0L91.707 70.323C79.494 48.54 79.573 22.125 91.746.649L92.12 0zm51.199 37.012q15.114.309 26.526 8.636l-6.992 10.487c-6.168-4.113-12.954-6.374-20.15-6.58c-3.907 0-6.992 1.028-9.46 2.879c-2.672 2.056-4.112 5.14-4.112 9.047c0 2.468.823 4.73 2.673 6.58c1.851 2.056 4.73 3.496 8.842 4.112q3.393.618 9.253 1.234c7.608 1.028 13.366 3.907 17.067 8.43c3.701 4.524 5.346 9.665 5.346 15.834c-.617 16.655-10.075 24.674-28.787 24.88c-12.132 0-22.413-3.907-31.255-11.515l8.225-9.458c6.58 5.551 14.188 8.224 23.236 8.43c10.692-.206 16.038-4.112 16.244-11.72c0-6.375-3.496-10.076-10.693-11.31c-3.29-.41-6.99-1.028-10.898-1.645q-10.486-1.85-16.038-8.019c-3.701-4.318-5.758-9.459-5.758-15.627c0-7.403 2.468-13.366 7.197-17.89c4.524-4.523 11.104-6.785 19.534-6.785m107.335.617v11.31h-22.413v72.995H256V48.938h-22.413v-11.31zm47.91 0l29.61 84.305h-12.543l-6.374-18.917h-31.05l-6.374 18.917h-13.16l29.61-84.305zm95.82 0v11.31h-22.413v72.995H399.73V48.938h-22.413v-11.31zm76.698 0v11.926h-39.891v24.058h33.927v11.31h-33.927v24.88h39.89v11.926H458.95v-84.1zM334.137 54.9h-.206l-11.926 36.807h23.852z"/></svg>Cara memakai ikon Xstate
React
import { Icon } from "@iconify/react";
<Icon icon="logos:xstate" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:xstate" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:xstate" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--xstate]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:xstate"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:xstate"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/logos/xstate.svg" alt="Ikon Xstate" width="24" height="24">Ikon Xstate di set ikon lain
FAQ Ikon Xstate
Apakah ikon Xstate gratis untuk penggunaan komersial?
Ya. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Xstate di React?
Pasang @iconify/react lalu render <Icon icon="logos:xstate" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Xstate ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/logos/xstate.svg" alt="Ikon Xstate">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.