Ikon Toggle On Circle
reicon:toggle-on-circle
Ikon Toggle On Circle (reicon:toggle-on-circle) adalah ikon SVG gratis dari set Reicon. Ikon ini digambar pada grid 24 × 24. Reicon 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
- Reicon
- Pembuat
- REICON
- Lisensi
- MIT
- Ukuran
- 24 × 24
- Kategori
- Ikon baru
- Tag
- toggleon, oncircle, toggleoncircle
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M10 4h4c4.42 0 8 3.58 8 8s-3.58 8-8 8h-4c-4.42 0-8-3.58-8-8s3.58-8 8-8"/><path d="M14 16a4 4 0 1 0 0-8a4 4 0 0 0 0 8"/></g></svg>
Cara memakai ikon Toggle On Circle
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:toggle-on-circle" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:toggle-on-circle" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:toggle-on-circle" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--toggle-on-circle]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:toggle-on-circle"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:toggle-on-circle"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/reicon/toggle-on-circle.svg" alt="Ikon Toggle On Circle" width="24" height="24">
FAQ Ikon Toggle On Circle
Apakah ikon Toggle On Circle gratis untuk penggunaan komersial?
Ya. Reicon icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Toggle On Circle di React?
Pasang @iconify/react lalu render <Icon icon="reicon:toggle-on-circle" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Toggle On Circle ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/reicon/toggle-on-circle.svg" alt="Ikon Toggle On Circle">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon Reicon →
ICONYZ
