Exit Linear アイコン
solar:exit-linear
Exit Linear アイコン(solar:exit-linear)は、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
- カテゴリ
- 矢印（アクション）
- タグ
- exitlinear
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M9 4.5H8C5.64298 4.5 4.46447 4.5 3.73223 5.23223C3 5.96447 3 7.14298 3 9.5V14.5C3 16.857 3 18.0355 3.73223 18.7678C4.46447 19.5 5.64298 19.5 8 19.5H9"/><path d="M9 6.4764C9 4.18259 9 3.03569 9.70725 2.4087C10.4145 1.78171 11.4955 1.97026 13.6576 2.34736L15.9864 2.75354C18.3809 3.17118 19.5781 3.37999 20.2891 4.25826C21 5.13652 21 6.40672 21 8.94711V15.0529C21 17.5933 21 18.8635 20.2891 19.7417C19.5781 20.62 18.3809 20.8288 15.9864 21.2465L13.6576 21.6526C11.4955 22.0297 10.4145 22.2183 9.70725 21.5913C9 20.9643 9 19.8174 9 17.5236V6.4764Z"/><path stroke-linecap="round" d="M12 11V13"/></g></svg>Exit Linear アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="solar:exit-linear" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:exit-linear" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:exit-linear" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--exit-linear]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:exit-linear"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:exit-linear"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/solar/exit-linear.svg" alt="Exit Linear アイコン" width="24" height="24">Solar の関連アイコン
Exit Linear アイコン のよくある質問
Exit Linear アイコンは商用利用でも無料ですか?
はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Exit Linear アイコンを使うには?
@iconify/react をインストールして <Icon icon="solar:exit-linear" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Exit Linear アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/exit-linear.svg" alt="Exit Linear アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。