ICONYZ
Español
Icono Full Screen de Element Plus

Icono Full Screen

ep:full-screen

El icono Full Screen (ep:full-screen) 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
fullscreen
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="m160 96l192 .3a32 32 0 0 1 0 64l-192-.2V352a32 32 0 0 1-64 0V96zm0 832H96V672a32 32 0 1 1 64 0v192l192-.3a32 32 0 1 1 0 64zM864 96h64v256a32 32 0 1 1-64 0V160l-192 .3a32 32 0 1 1 0-64zm0 832l-192-.3a32 32 0 0 1 0-64l192 .2V672a32 32 0 1 1 64 0v256z"/></svg>

Cómo usar el icono Full Screen

React

import { Icon } from "@iconify/react";

<Icon icon="ep:full-screen" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="ep:full-screen" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="ep:full-screen" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ep--full-screen]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ep -->
<div class="i-ep:full-screen"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="ep:full-screen"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/ep/full-screen.svg" alt="Icono Full Screen" width="24" height="24">

El icono Full Screen en otras colecciones

Preguntas frecuentes sobre Icono Full Screen

¿El icono Full Screen 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 Full Screen en React?

Instala @iconify/react y renderiza <Icon icon="ep:full-screen" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Full Screen a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/ep/full-screen.svg" alt="Icono Full Screen">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos Element Plus →