Ikon Switch Themes
icon-park:switch-themes
Ikon Switch Themes (icon-park:switch-themes) adalah ikon SVG gratis dari set IconPark karya ByteDance. Ikon ini digambar pada grid 48 × 48. IconPark icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- IconPark
- Pembuat
- ByteDance
- Lisensi
- Apache-2.0
- Ukuran
- 48 × 48
- Kategori
- Edit
- Tag
- switchthemes, theme
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-linecap="round" stroke-width="4"><path fill="#2F88FF" fill-rule="evenodd" stroke="#000" stroke-linejoin="round" d="M23 4V27H43.9933L44 4H23Z" clip-rule="evenodd"/><path stroke="#000" d="M31.0049 43.9998C24.6752 43.9998 20.5595 43.9998 18.6579 43.9998C16.9557 43.9998 14.9159 43.4318 13.5475 41.6126C12.6229 40.3832 12.0049 38.5826 12.0049 35.9998C12.0049 31.7298 12.0049 28.063 12.0049 24.9995"/><path stroke="#000" stroke-linejoin="round" d="M4 32.9998L12.0046 24.9995L20.0138 32.9998"/><path stroke="#fff" d="M30 19H37"/><path stroke="#fff" d="M30 12H37"/></g></svg>
Cara memakai ikon Switch Themes
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:switch-themes" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:switch-themes" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:switch-themes" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--switch-themes]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:switch-themes"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:switch-themes"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/icon-park/switch-themes.svg" alt="Ikon Switch Themes" width="24" height="24">
Ikon Switch Themes di set ikon lain
FAQ Ikon Switch Themes
Apakah ikon Switch Themes gratis untuk penggunaan komersial?
Ya. IconPark icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Switch Themes di React?
Pasang @iconify/react lalu render <Icon icon="icon-park:switch-themes" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Switch Themes ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/icon-park/switch-themes.svg" alt="Ikon Switch Themes">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon IconPark →
ICONYZ
