Quit Full Screen Bold icon

solar:quit-full-screen-bold

The Quit Full Screen Bold icon (solar:quit-full-screen-bold) 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: Video
Tags: quitfull, fullscreen, screenbold, quitfullscreenbold

Download SVG

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="M14 1.25C14.4142 1.25 14.75 1.58579 14.75 2C14.75 3.90682 14.7516 5.26149 14.8898 6.28915C15.025 7.29524 15.2787 7.87489 15.7019 8.2981C16.1251 8.72131 16.7048 8.97498 17.7108 9.11024C18.7385 9.24841 20.0932 9.25 22 9.25C22.4142 9.25 22.75 9.58579 22.75 10C22.75 10.4142 22.4142 10.75 22 10.75H21.9436C20.1058 10.75 18.6502 10.75 17.511 10.5969C16.3386 10.4392 15.3896 10.1071 14.6412 9.35876C13.8929 8.61039 13.5608 7.66145 13.4031 6.48902C13.25 5.34981 13.25 3.89417 13.25 2.05641V2C13.25 1.58579 13.5858 1.25 14 1.25ZM10 1.25C10.4142 1.25 10.75 1.58579 10.75 2V2.05641C10.75 3.89417 10.75 5.34981 10.5969 6.48902C10.4392 7.66145 10.1071 8.61039 9.35876 9.35876C8.61039 10.1071 7.66145 10.4392 6.48902 10.5969C5.34981 10.75 3.89417 10.75 2.05641 10.75H2C1.58579 10.75 1.25 10.4142 1.25 10C1.25 9.58579 1.58579 9.25 2 9.25C3.90682 9.25 5.26149 9.24841 6.28915 9.11024C7.29524 8.97498 7.87489 8.72131 8.2981 8.2981C8.72131 7.87489 8.97498 7.29524 9.11024 6.28915C9.24841 5.26149 9.25 3.90682 9.25 2C9.25 1.58579 9.58579 1.25 10 1.25ZM1.25 14C1.25 13.5858 1.58579 13.25 2 13.25H2.05641C3.89417 13.25 5.34981 13.25 6.48902 13.4031C7.66145 13.5608 8.61039 13.8929 9.35876 14.6412C10.1071 15.3896 10.4392 16.3386 10.5969 17.511C10.75 18.6502 10.75 20.1058 10.75 21.9436V22C10.75 22.4142 10.4142 22.75 10 22.75C9.58579 22.75 9.25 22.4142 9.25 22C9.25 20.0932 9.24841 18.7385 9.11024 17.7108C8.97498 16.7048 8.72131 16.1251 8.2981 15.7019C7.87489 15.2787 7.29524 15.025 6.28915 14.8898C5.26149 14.7516 3.90682 14.75 2 14.75C1.58579 14.75 1.25 14.4142 1.25 14ZM21.9436 13.25H22C22.4142 13.25 22.75 13.5858 22.75 14C22.75 14.4142 22.4142 14.75 22 14.75C20.0932 14.75 18.7385 14.7516 17.7108 14.8898C16.7048 15.025 16.1251 15.2787 15.7019 15.7019C15.2787 16.1251 15.025 16.7048 14.8898 17.7108C14.7516 18.7385 14.75 20.0932 14.75 22C14.75 22.4142 14.4142 22.75 14 22.75C13.5858 22.75 13.25 22.4142 13.25 22V21.9436C13.25 20.1058 13.25 18.6502 13.4031 17.511C13.5608 16.3386 13.8929 15.3896 14.6412 14.6412C15.3896 13.8929 16.3386 13.5608 17.511 13.4031C18.6502 13.25 20.1058 13.25 21.9436 13.25Z" clip-rule="evenodd"/></svg>

How to use the Quit Full Screen Bold icon

React

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

<Icon icon="solar:quit-full-screen-bold" width="24" />

Vue

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

<template>
  <Icon icon="solar:quit-full-screen-bold" width="24" />
</template>

Svelte

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

<Icon icon="solar:quit-full-screen-bold" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="solar:quit-full-screen-bold"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/solar/quit-full-screen-bold.svg" alt="Quit Full Screen Bold icon" width="24" height="24">

Related icons in Solar

Quit Full Screen Bold icon FAQ

Is the Quit Full Screen Bold 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 Quit Full Screen Bold icon in React?

Install @iconify/react and render <Icon icon="solar:quit-full-screen-bold" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Quit Full Screen Bold icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/quit-full-screen-bold.svg" alt="Quit Full Screen Bold icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →