Maximize Outline アイコン
solar:maximize-outline
Maximize Outline アイコン(solar:maximize-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
- カテゴリ
- 矢印(アクション)
- タグ
- maximizeoutline
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M16.1429 1.25C15.7286 1.25 15.3929 1.58579 15.3929 2C15.3929 2.41421 15.7286 2.75 16.1429 2.75H20.1893L14.4697 8.46967C14.1768 8.76256 14.1768 9.23744 14.4697 9.53033C14.7626 9.82322 15.2374 9.82322 15.5303 9.53033L21.25 3.81066V7.85714C21.25 8.27136 21.5858 8.60714 22 8.60714C22.4142 8.60714 22.75 8.27136 22.75 7.85714V2C22.75 1.58579 22.4142 1.25 22 1.25H16.1429Z"/><path d="M7.85714 22.75C8.27136 22.75 8.60714 22.4142 8.60714 22C8.60714 21.5858 8.27136 21.25 7.85714 21.25H3.81066L9.53033 15.5303C9.82322 15.2374 9.82322 14.7626 9.53033 14.4697C9.23744 14.1768 8.76256 14.1768 8.46967 14.4697L2.75 20.1893V16.1429C2.75 15.7286 2.41421 15.3929 2 15.3929C1.58579 15.3929 1.25 15.7286 1.25 16.1429V22C1.25 22.4142 1.58579 22.75 2 22.75H7.85714Z"/></g></svg>Maximize Outline アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="solar:maximize-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:maximize-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:maximize-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--maximize-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:maximize-outline"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:maximize-outline"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/solar/maximize-outline.svg" alt="Maximize Outline アイコン" width="24" height="24">Solar の関連アイコン
maximize-bold
maximize-bold-duotone
maximize-broken
maximize-line-duotone
maximize-linear
maximize-square-2-bold
maximize-square-2-bold-duotone
maximize-square-2-broken
maximize-square-2-line-duotone
maximize-square-2-linear
maximize-square-2-outline
maximize-square-3-bold
maximize-square-3-bold-duotone
maximize-square-3-broken
maximize-square-3-line-duotone
maximize-square-3-linear
maximize-square-3-outline
maximize-square-bold
maximize-square-bold-duotone
maximize-square-broken
maximize-square-line-duotone
maximize-square-linear
maximize-square-minimalistic-bold
maximize-square-minimalistic-bold-duotone
他のアイコンセットの Maximize Outline アイコン
Maximize Outline アイコン のよくある質問
Maximize Outline アイコンは商用利用でも無料ですか?
はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Maximize Outline アイコンを使うには?
@iconify/react をインストールして <Icon icon="solar:maximize-outline" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Maximize Outline アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/maximize-outline.svg" alt="Maximize Outline アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。