Icono Logout
websymbol:logout
El icono Logout (websymbol:logout) es un icono SVG gratuito de la colección Web Symbols Liga de Just Be Nice studio. Está dibujado en una cuadrícula de 1188 × 1000. Web Symbols Liga icons se publican bajo la Open Font License, 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
- Web Symbols Liga
- Autor
- Just Be Nice studio
- Licencia
- OFL-1.1
- Tamaño
- 1188 × 1000
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1188" height="1000" viewBox="0 0 1188 1000"><path fill="currentColor" d="m912 236l276 266l-276 264V589H499V413h413zM746 748l106 107q-156 146-338 146q-217 0-365.5-143.5T0 499q0-135 68-250T251.5 67.5T502 1q184 0 349 148L746 255Q632 151 503 151q-149 0-251.5 104T149 509q0 140 105.5 241T502 851q131 0 244-103"/></svg>
Cómo usar el icono Logout
React
import { Icon } from "@iconify/react";
<Icon icon="websymbol:logout" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="websymbol:logout" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="websymbol:logout" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[websymbol--logout]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/websymbol -->
<div class="i-websymbol:logout"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="websymbol:logout"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/websymbol/logout.svg" alt="Icono Logout" width="24" height="24">
El icono Logout en otras colecciones
Preguntas frecuentes sobre Icono Logout
¿El icono Logout es gratis para uso comercial?
Sí. Web Symbols Liga icons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Logout en React?
Instala @iconify/react y renderiza <Icon icon="websymbol:logout" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Logout a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/websymbol/logout.svg" alt="Icono Logout">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos Web Symbols Liga →
ICONYZ
