Ikon Switch
openmoji:switch
Ikon Switch (openmoji:switch) adalah ikon SVG gratis dari set OpenMoji. Ikon ini digambar pada grid 72 × 72. OpenMoji icons dirilis di bawah lisensi CC BY-SA 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya dan membagikan perubahan ikon dengan lisensi yang sama. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- OpenMoji
- Pembuat
- OpenMoji
- Lisensi
- CC-BY-SA-4.0
- Ukuran
- 72 × 72
- Kategori
- Ekstra OpenMoji
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#9b9b9a" d="M39.938 46.844L57.95 34.393l5.657 5.657l-12.513 18.013"/><path fill="#d0cfce" d="M51.539 60C49.717 51.987 42.564 46 34 46s-15.717 5.987-17.538 14z"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"><path d="M10 60h48m-6.461 0C49.717 51.987 42.564 46 34 46s-15.717 5.987-17.538 14z"/><path stroke-linejoin="round" d="M39.938 46.844L57.95 34.393l5.657 5.657l-12.513 18.013"/></g></svg>
Cara memakai ikon Switch
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:switch" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:switch" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:switch" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--switch]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:switch"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:switch"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/openmoji/switch.svg" alt="Ikon Switch" width="24" height="24">
Ikon Switch di set ikon lain
FAQ Ikon Switch
Apakah ikon Switch gratis untuk penggunaan komersial?
Ya. OpenMoji icons dirilis di bawah lisensi CC BY-SA 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya dan membagikan perubahan ikon dengan lisensi yang sama.
Bagaimana cara memakai ikon Switch di React?
Pasang @iconify/react lalu render <Icon icon="openmoji:switch" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Switch ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/openmoji/switch.svg" alt="Ikon Switch">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon OpenMoji →
ICONYZ
