Minimize Square Bold アイコン
solar:minimize-square-bold
Minimize Square Bold アイコン(solar:minimize-square-bold)は、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
- カテゴリ
- 矢印(アクション)
- タグ
- minimizesquare、squarebold、minimizesquarebold
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2C16.134 2 18.4553 2 19.9517 2.98767L14.75 8.18934V6.25C14.75 5.83579 14.4142 5.5 14 5.5C13.5858 5.5 13.25 5.83579 13.25 6.25V10C13.25 10.4142 13.5858 10.75 14 10.75H17.75C18.1642 10.75 18.5 10.4142 18.5 10C18.5 9.58579 18.1642 9.25 17.75 9.25H15.8107L21.0123 4.04832C22 5.54466 22 7.866 22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.866 22 5.54466 22 4.04833 21.0123L9.25 15.8107V17.75C9.25 18.1642 9.58579 18.5 10 18.5C10.4142 18.5 10.75 18.1642 10.75 17.75V14C10.75 13.5858 10.4142 13.25 10 13.25H6.25C5.83579 13.25 5.5 13.5858 5.5 14C5.5 14.4142 5.83579 14.75 6.25 14.75H8.18934L2.98767 19.9517C2 18.4553 2 16.134 2 12Z"/></svg>Minimize Square Bold アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="solar:minimize-square-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:minimize-square-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:minimize-square-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--minimize-square-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:minimize-square-bold"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:minimize-square-bold"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/solar/minimize-square-bold.svg" alt="Minimize Square Bold アイコン" width="24" height="24">Solar の関連アイコン
minimize-bold
minimize-bold-duotone
minimize-broken
minimize-line-duotone
minimize-linear
minimize-outline
minimize-square-2-bold
minimize-square-2-bold-duotone
minimize-square-2-broken
minimize-square-2-line-duotone
minimize-square-2-linear
minimize-square-2-outline
minimize-square-3-bold
minimize-square-3-bold-duotone
minimize-square-3-broken
minimize-square-3-line-duotone
minimize-square-3-linear
minimize-square-3-outline
minimize-square-bold-duotone
minimize-square-broken
minimize-square-line-duotone
minimize-square-linear
minimize-square-minimalistic-bold
minimize-square-minimalistic-bold-duotone
Minimize Square Bold アイコン のよくある質問
Minimize Square Bold アイコンは商用利用でも無料ですか?
はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Minimize Square Bold アイコンを使うには?
@iconify/react をインストールして <Icon icon="solar:minimize-square-bold" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Minimize Square Bold アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/minimize-square-bold.svg" alt="Minimize Square Bold アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。