Ikon Xstate Dark
thesvg-color:xstate-dark
Ikon Xstate Dark (thesvg-color:xstate-dark) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 800 × 405. 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
- 800 × 405
- Tag
- xstatedark
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="405" viewBox="0 0 800 405"><path fill="#fff" fill-rule="evenodd" d="M342.953 156.14c20.78 0 33.34 8.767 35.358 24.687l.061.48H366.49l-.074-.333c-2.34-10.754-9.356-15.342-23.463-15.342c-12.799 0-20.752 5.323-20.752 13.889c0 8.456 3.477 12.681 24.072 15.378c21.535 2.94 34.883 8.334 34.883 26.096c0 15.089-15.264 26.467-35.5 26.467c-29.518 0-37.608-15.437-39.196-28.39l-.059-.478h12.76l.054.363c1.47 9.876 5.691 19.016 26.438 19.016c13.178 0 22.74-6.83 22.74-16.239c0-10.026-5.659-13.879-24.218-16.485c-17.819-2.376-34.307-7.016-34.307-24.738c0-14.122 13.914-24.371 33.085-24.371m122.576 1.11v11.316h-29.547v77.787H422.79v-77.787h-29.547V157.25zm52.908 0l34.709 89.103h-13.108l-9.947-25.427h-41.344l-9.8 25.427h-12.549l35.283-89.104zm108.826 0v11.316h-29.547v77.787h-13.188v-77.784H554.98v-11.317h72.282zm81.737 0v11.316h-49.311v27.44h25.027v11.195h-25.027v27.832H709v11.317h-62.5v-89.1zm-199.51 10.462l-16.154 42.994h32.306zM99.363 113l33.464.272a10.62 10.62 0 0 1 8.304 4.108l119.56 154.056c2.71 3.488.22 8.564-4.192 8.564h-35.035c-3.31 0-6.432-1.543-8.44-4.172l-33.345-45.635l-36.905 45.777a10.62 10.62 0 0 1-8.33 4.03H99.32c-4.437 0-6.917-5.122-4.165-8.603l58.543-74.144l-58.595-75.718c-2.68-3.51-.154-8.569 4.263-8.532zm157.091 0c4.46-.034 6.973 5.108 4.207 8.603l-52.239 66.006c-3.726-2.932-32.644-27.14-4.745-59.556c0 0 2.183-2.554 4.435-5.195l.436-.511l.435-.51a676 676 0 0 0 3.842-4.533c2.759-3.339 5.03-4.005 8.247-4.03z"/></svg>Cara memakai ikon Xstate Dark
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:xstate-dark" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:xstate-dark" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:xstate-dark" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--xstate-dark]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:xstate-dark"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:xstate-dark"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/xstate-dark.svg" alt="Ikon Xstate Dark" width="24" height="24">Ikon terkait di theSVG Color
FAQ Ikon Xstate Dark
Apakah ikon Xstate Dark 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 Xstate Dark di React?
Pasang @iconify/react lalu render <Icon icon="thesvg-color:xstate-dark" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Xstate Dark ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/xstate-dark.svg" alt="Ikon Xstate Dark">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.