Icono Display Outline
solar:display-outline
El icono Display Outline (solar:display-outline) es un icono SVG gratuito de la colección Solar de 480 Design. Está dibujado en una cuadrícula de 24 × 24. Solar icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Solar
- Autor
- 480 Design
- Licencia
- CC-BY-4.0
- Tamaño
- 24 × 24
- Categoría
- Dispositivos
- Etiquetas
- displayoutline
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M7.94513 2.25H16.0549C17.4225 2.24998 18.5248 2.24996 19.3918 2.36652C20.2919 2.48754 21.0497 2.74643 21.6517 3.34835C22.2536 3.95027 22.5125 4.70814 22.6335 5.60825C22.75 6.47522 22.75 7.57754 22.75 8.94513V10.0549C22.75 11.4225 22.75 12.5248 22.6335 13.3918C22.5125 14.2919 22.2536 15.0497 21.6517 15.6517C21.0497 16.2536 20.2919 16.5125 19.3918 16.6335C18.5248 16.75 17.4225 16.75 16.0549 16.75H12.75V18.4594L18.2372 20.2885C18.6301 20.4195 18.8425 20.8442 18.7115 21.2372C18.5805 21.6301 18.1558 21.8425 17.7628 21.7115L12 19.7906L6.23717 21.7115C5.84421 21.8425 5.41947 21.6301 5.28849 21.2372C5.1575 20.8442 5.36987 20.4195 5.76283 20.2885L11.25 18.4594V16.75H7.94513C6.57754 16.75 5.47522 16.75 4.60825 16.6335C3.70814 16.5125 2.95027 16.2536 2.34835 15.6517C1.74643 15.0497 1.48754 14.2919 1.36652 13.3918C1.24996 12.5248 1.24998 11.4225 1.25 10.0549V8.94513C1.24998 7.57754 1.24996 6.47522 1.36652 5.60825C1.48754 4.70814 1.74643 3.95027 2.34835 3.34835C2.95027 2.74643 3.70814 2.48754 4.60825 2.36652C5.47522 2.24996 6.57754 2.24998 7.94513 2.25ZM4.80812 3.85315C4.07435 3.9518 3.68577 4.13225 3.40901 4.40901C3.13225 4.68577 2.9518 5.07435 2.85315 5.80812C2.75159 6.56347 2.75 7.56458 2.75 9V10C2.75 11.4354 2.75159 12.4365 2.85315 13.1919C2.9518 13.9257 3.13225 14.3142 3.40901 14.591C3.68577 14.8678 4.07435 15.0482 4.80812 15.1469C5.56347 15.2484 6.56459 15.25 8 15.25H16C17.4354 15.25 18.4365 15.2484 19.1919 15.1469C19.9257 15.0482 20.3142 14.8678 20.591 14.591C20.8678 14.3142 21.0482 13.9257 21.1469 13.1919C21.2484 12.4365 21.25 11.4354 21.25 10V9C21.25 7.56459 21.2484 6.56347 21.1469 5.80812C21.0482 5.07435 20.8678 4.68577 20.591 4.40901C20.3142 4.13225 19.9257 3.9518 19.1919 3.85315C18.4365 3.75159 17.4354 3.75 16 3.75H8C6.56458 3.75 5.56347 3.75159 4.80812 3.85315Z" clip-rule="evenodd"/></svg>Cómo usar el icono Display Outline
React
import { Icon } from "@iconify/react";
<Icon icon="solar:display-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:display-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:display-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--display-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:display-outline"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:display-outline"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/solar/display-outline.svg" alt="Icono Display Outline" width="24" height="24">Iconos relacionados en Solar
Preguntas frecuentes sobre Icono Display Outline
¿El icono Display Outline es gratis para uso comercial?
Sí. Solar icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.
¿Cómo uso el icono Display Outline en React?
Instala @iconify/react y renderiza <Icon icon="solar:display-outline" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Display Outline a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/solar/display-outline.svg" alt="Icono Display Outline">, o pega el código SVG en línea para darle estilo con CSS.