Icono Switch Themes
icon-park:switch-themes
El icono Switch Themes (icon-park:switch-themes) es un icono SVG gratuito de la colección IconPark de ByteDance. Está dibujado en una cuadrícula de 48 × 48. IconPark icons se publican bajo la licencia Apache 2.0, 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
- IconPark
- Autor
- ByteDance
- Licencia
- Apache-2.0
- Tamaño
- 48 × 48
- Categoría
- Edición
- Etiquetas
- switchthemes, theme
Código 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>
Cómo usar el icono 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>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/icon-park/switch-themes.svg" alt="Icono Switch Themes" width="24" height="24">
Iconos relacionados en IconPark
El icono Switch Themes en otras colecciones
Preguntas frecuentes sobre Icono Switch Themes
¿El icono Switch Themes es gratis para uso comercial?
Sí. IconPark icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Switch Themes en React?
Instala @iconify/react y renderiza <Icon icon="icon-park:switch-themes" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Switch Themes a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/icon-park/switch-themes.svg" alt="Icono Switch Themes">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos IconPark →
ICONYZ
