Иконка Quit Full Screen Circle Outline

solar:quit-full-screen-circle-outline

Иконка Quit Full Screen Circle Outline (solar:quit-full-screen-circle-outline) — бесплатная 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, screencircle, circleoutline, quitfullscreencircleoutline

Скачать 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="M12 2.75C6.89137 2.75 2.75 6.89137 2.75 12C2.75 17.1086 6.89137 21.25 12 21.25C17.1086 21.25 21.25 17.1086 21.25 12C21.25 6.89137 17.1086 2.75 12 2.75ZM1.25 12C1.25 6.06294 6.06294 1.25 12 1.25C17.9371 1.25 22.75 6.06294 22.75 12C22.75 17.9371 17.9371 22.75 12 22.75C6.06294 22.75 1.25 17.9371 1.25 12ZM10.0039 5.25019C10.4181 5.25371 10.751 5.59233 10.7475 6.00653C10.7403 6.85721 10.714 7.58312 10.596 8.18553C10.4739 8.80887 10.2444 9.35213 9.79826 9.79826C9.35213 10.2444 8.80887 10.4739 8.18553 10.596C7.58312 10.714 6.85721 10.7403 6.00653 10.7475C5.59233 10.751 5.25371 10.4181 5.25019 10.0039C5.24668 9.58972 5.57961 9.2511 5.99381 9.24759C6.84968 9.24033 7.44745 9.21206 7.89719 9.12396C8.32598 9.03997 8.56333 8.91188 8.7376 8.7376C8.91188 8.56333 9.03997 8.32598 9.12396 7.89719C9.21206 7.44745 9.24033 6.84968 9.24759 5.99381C9.2511 5.57961 9.58972 5.24668 10.0039 5.25019ZM13.9936 5.25019C14.4078 5.24668 14.7465 5.57961 14.75 5.99381C14.7572 6.84968 14.7855 7.44745 14.8736 7.89719C14.9576 8.32598 15.0857 8.56333 15.26 8.7376C15.4342 8.91188 15.6716 9.03997 16.1004 9.12396C16.5501 9.21206 17.1479 9.24033 18.0038 9.24759C18.4179 9.2511 18.7509 9.58972 18.7474 10.0039C18.7439 10.4181 18.4052 10.751 17.991 10.7475C17.1403 10.7403 16.4144 10.714 15.812 10.596C15.1887 10.4739 14.6454 10.2444 14.1993 9.79826C13.7532 9.35213 13.5237 8.80887 13.4016 8.18553C13.2836 7.58312 13.2572 6.85721 13.25 6.00653C13.2465 5.59233 13.5794 5.25371 13.9936 5.25019ZM5.25019 13.9936C5.25371 13.5794 5.59233 13.2465 6.00653 13.25C6.85721 13.2572 7.58312 13.2836 8.18553 13.4016C8.80887 13.5237 9.35213 13.7532 9.79826 14.1993C10.2444 14.6454 10.4739 15.1887 10.596 15.812C10.714 16.4144 10.7403 17.1403 10.7475 17.991C10.751 18.4052 10.4181 18.7439 10.0039 18.7474C9.58972 18.7509 9.2511 18.4179 9.24759 18.0038C9.24033 17.1479 9.21206 16.5501 9.12396 16.1004C9.03997 15.6716 8.91188 15.4342 8.7376 15.26C8.56333 15.0857 8.32598 14.9576 7.89719 14.8736C7.44745 14.7855 6.84968 14.7572 5.99381 14.75C5.57961 14.7465 5.24668 14.4078 5.25019 13.9936ZM18.7474 13.9936C18.7509 14.4078 18.4179 14.7465 18.0038 14.75C17.1479 14.7572 16.5501 14.7855 16.1004 14.8736C15.6716 14.9576 15.4342 15.0857 15.26 15.26C15.0857 15.4342 14.9576 15.6716 14.8736 16.1004C14.7855 16.5501 14.7572 17.1479 14.75 18.0038C14.7465 18.4179 14.4078 18.7509 13.9936 18.7474C13.5794 18.7439 13.2465 18.4052 13.25 17.991C13.2572 17.1403 13.2836 16.4144 13.4016 15.812C13.5237 15.1887 13.7532 14.6454 14.1993 14.1993C14.6454 13.7532 15.1887 13.5237 15.812 13.4016C16.4144 13.2836 17.1403 13.2572 17.991 13.25C18.4052 13.2465 18.7439 13.5794 18.7474 13.9936Z" clip-rule="evenodd"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

Изображение HTML

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

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

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

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

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

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

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

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

Все Иконки Solar →