Icono Switch Button
ep:switch-button
El icono Switch Button (ep:switch-button) es un icono SVG gratuito de la colección Element Plus. Está dibujado en una cuadrícula de 1024 × 1024. Element Plus icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Element Plus
- Autor
- Element Plus
- Licencia
- MIT
- Tamaño
- 1024 × 1024
- Etiquetas
- switchbutton
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M352 159.9v70.5a352 352 0 1 0 320 0v-70.5A416.1 416.1 0 0 1 512 960a416 416 0 0 1-160-800.1"/><path fill="currentColor" d="M512 64q32 0 32 32v320q0 32-32 32t-32-32V96q0-32 32-32"/></svg>
Cómo usar el icono Switch Button
React
import { Icon } from "@iconify/react";
<Icon icon="ep:switch-button" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ep:switch-button" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ep:switch-button" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ep--switch-button]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ep -->
<div class="i-ep:switch-button"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ep:switch-button"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/ep/switch-button.svg" alt="Icono Switch Button" width="24" height="24">
Iconos relacionados en Element Plus
El icono Switch Button en otras colecciones
Preguntas frecuentes sobre Icono Switch Button
¿El icono Switch Button es gratis para uso comercial?
Sí. Element Plus icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Switch Button en React?
Instala @iconify/react y renderiza <Icon icon="ep:switch-button" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Switch Button a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/ep/switch-button.svg" alt="Icono Switch Button">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos Element Plus →
ICONYZ
