Quit Full Screen Circle Outline アイコン

Q: Quit Full Screen Circle Outline アイコンは商用利用でも無料ですか?

はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

solar:quit-full-screen-circle-outline

Quit Full Screen Circle Outline アイコン(solar:quit-full-screen-circle-outline)は、Solar セットの無料 SVG アイコンです（作者: 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>

Web コンポーネント

<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">

Solar の関連アイコン

Quit Full Screen Circle Outline アイコンのよくある質問

Quit Full Screen Circle Outline アイコンは商用利用でも無料ですか?

はい。Solar icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Quit Full Screen Circle Outline アイコンを使うには?

@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 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Solar アイコンをすべて見る →