Exit Full Screen アイコン
streamline-plump:exit-full-screen
Exit Full Screen アイコン(streamline-plump:exit-full-screen)は、Plump free icons セットの無料 SVG アイコンです(作者: Streamline)。 48 × 48 のグリッドで描かれています。 Plump free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Plump free icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 48 × 48
- カテゴリ
- 基本インターフェース
- タグ
- exitfull、fullscreen、exitfullscreen
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M20.869 17.716a3.37 3.37 0 0 1-3.153 3.153c-4.19.29-9.323.035-12.15-.154c-1.272-.086-2.339-.992-2.479-2.26a12.5 12.5 0 0 1-.075-1.958c.063-1.278 1.182-2.102 2.458-2.203c3.492-.275 8.549-.275 8.549-.275s0-5.057.275-8.55c.101-1.275.925-2.394 2.203-2.457a12.5 12.5 0 0 1 1.959.075c1.267.14 2.173 1.207 2.259 2.48c.19 2.826.444 7.959.154 12.15m0 12.567a3.37 3.37 0 0 0-3.153-3.153c-4.19-.29-9.323-.035-12.15.154c-1.272.086-2.339.992-2.479 2.26a12.5 12.5 0 0 0-.075 1.958c.063 1.278 1.182 2.102 2.458 2.203c3.492.275 8.549.275 8.549.275s0 5.057.275 8.55c.101 1.275.925 2.394 2.203 2.457c.662.033 1.345-.007 1.959-.075c1.267-.14 2.173-1.207 2.259-2.48c.19-2.826.444-7.959.154-12.15m6.262.001a3.37 3.37 0 0 1 3.153-3.153c4.19-.29 9.323-.035 12.15.154c1.272.086 2.339.992 2.479 2.26c.068.613.108 1.296.075 1.958c-.063 1.278-1.182 2.102-2.458 2.203c-3.492.275-8.549.275-8.549.275s0 5.057-.275 8.55c-.101 1.275-.925 2.394-2.203 2.457a12.5 12.5 0 0 1-1.958-.075c-1.268-.14-2.174-1.207-2.26-2.48c-.19-2.826-.444-7.959-.154-12.15m0-12.567a3.37 3.37 0 0 0 3.153 3.153c4.19.29 9.323.035 12.15-.154c1.272-.086 2.339-.992 2.479-2.26c.068-.613.108-1.296.075-1.958c-.063-1.278-1.182-2.102-2.458-2.203c-3.492-.275-8.549-.275-8.549-.275s0-5.057-.275-8.55c-.101-1.275-.925-2.394-2.203-2.457a12.5 12.5 0 0 0-1.958.075c-1.268.14-2.174 1.207-2.26 2.48c-.19 2.826-.444 7.959-.154 12.15" clip-rule="evenodd"/></svg>Exit Full Screen アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump:exit-full-screen" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump:exit-full-screen" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump:exit-full-screen" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump--exit-full-screen]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump -->
<div class="i-streamline-plump:exit-full-screen"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump:exit-full-screen"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-plump/exit-full-screen.svg" alt="Exit Full Screen アイコン" width="24" height="24">Plump free icons の関連アイコン
他のアイコンセットの Exit Full Screen アイコン
Exit Full Screen アイコン のよくある質問
Exit Full Screen アイコンは商用利用でも無料ですか?
はい。Plump free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Exit Full Screen アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-plump:exit-full-screen" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Exit Full Screen アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-plump/exit-full-screen.svg" alt="Exit Full Screen アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。