Иконка Quit Full Screen Bold

solar:quit-full-screen-bold

Иконка Quit Full Screen Bold (solar:quit-full-screen-bold) — бесплатная SVG-иконка из набора Solar от 480 Design. Она нарисована на сетке 24 × 24. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Solar
Автор: 480 Design
Лицензия: CC-BY-4.0
Размер: 24 × 24
Категория: Видео
Теги: quitfull, fullscreen, screenbold, quitfullscreenbold

Скачать SVG

Код 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="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>

Как использовать иконку Quit Full Screen Bold

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>

Веб-компонент

<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

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

Вопросы и ответы: Иконка Quit Full Screen Bold

Можно ли бесплатно использовать иконку Quit Full Screen Bold в коммерческих проектах?

Да. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

Как использовать иконку Quit Full Screen Bold в React?

Установите @iconify/react и выведите <Icon icon="solar:quit-full-screen-bold" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Quit Full Screen Bold на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/solar/quit-full-screen-bold.svg" alt="Иконка Quit Full Screen Bold">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Solar →