Ikon Toggle Border
fluent-mdl2:toggle-border
Ikon Toggle Border (fluent-mdl2:toggle-border) adalah ikon SVG gratis dari set Fluent UI MDL2 karya Microsoft Corporation. Ikon ini digambar pada grid 2048 × 2048. Fluent UI MDL2 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
- Fluent UI MDL2
- Pembuat
- Microsoft Corporation
- Lisensi
- MIT
- Ukuran
- 2048 × 2048
- Tag
- toggleborder
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M1582 558q96 0 181 37t148 100t100 148t37 181t-37 181t-100 148t-148 100t-181 37H466q-96 0-181-37t-148-100t-100-148t-37-181t37-181t100-148t148-100t181-37zm0 838q77 0 145-29t118-80t80-118t30-145q0-77-29-144t-80-118t-119-80t-145-30H466q-77 0-145 29t-118 80t-80 118t-30 145q0 77 29 144t80 118t119 80t145 30z"/></svg>Cara memakai ikon Toggle Border
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:toggle-border" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:toggle-border" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:toggle-border" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--toggle-border]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:toggle-border"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:toggle-border"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/toggle-border.svg" alt="Ikon Toggle Border" width="24" height="24">Ikon terkait di Fluent UI MDL2
FAQ Ikon Toggle Border
Apakah ikon Toggle Border gratis untuk penggunaan komersial?
Ya. Fluent UI MDL2 icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Toggle Border di React?
Pasang @iconify/react lalu render <Icon icon="fluent-mdl2:toggle-border" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Toggle Border ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/toggle-border.svg" alt="Ikon Toggle Border">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.