Display Outline icon
solar:display-outline
The Display Outline icon (solar:display-outline) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Solar
- Author
- 480 Design
- License
- CC-BY-4.0
- Size
- 24 × 24
- Category
- Devices
- Tags
- displayoutline
SVG code
<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>How to use the Display Outline icon
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>HTML image
<img src="https://iconyz.com/api/public/svg/solar/display-outline.svg" alt="Display Outline icon" width="24" height="24">Related icons in Solar
Display Outline icon FAQ
Is the Display Outline icon free for commercial use?
Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Display Outline icon in React?
Install @iconify/react and render <Icon icon="solar:display-outline" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Display Outline icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/display-outline.svg" alt="Display Outline icon">, or paste the SVG code inline to style it with CSS.