Format Square Filled アイコン
reicon:format-square-filled
Format Square Filled アイコン(reicon:format-square-filled)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M20.75 16.5v-9c1.19-.5 2-1.67 2-3c0-1.79-1.46-3.25-3.25-3.25c-1.32 0-2.5.81-3 2h-9c-.5-1.19-1.67-2-3-2c-1.79 0-3.25 1.46-3.25 3.25c0 1.32.81 2.5 2 3v9c-1.19.5-2 1.67-2 3c0 1.79 1.46 3.25 3.25 3.25c1.32 0 2.5-.81 3-2h9c.5 1.19 1.67 2 3 2c1.79 0 3.25-1.46 3.25-3.25c0-1.32-.81-2.5-2-3m-1.59-.23c-.11.01-.21.03-.32.05q-.405.075-.78.27c-.06.03-.12.06-.18.1c-.5.28-.91.69-1.19 1.19c-.04.06-.07.12-.1.18q-.195.375-.27.78c-.02.11-.04.21-.05.32c-.01.03-.01.06-.01.09H7.74a3.4 3.4 0 0 0-.14-.72c-.02-.08-.05-.17-.09-.25c-.03-.07-.06-.14-.1-.22c-.03-.06-.06-.12-.1-.18c-.28-.5-.69-.91-1.19-1.19c-.06-.04-.12-.07-.18-.1c-.08-.04-.15-.07-.22-.1c-.08-.04-.17-.07-.25-.09a3.4 3.4 0 0 0-.72-.14V7.74c.26-.02.5-.07.74-.15c.09-.02.19-.06.28-.1c.05-.02.11-.05.17-.08s.12-.06.18-.1c.5-.28.91-.69 1.19-1.19c.04-.06.07-.12.1-.18s.06-.12.08-.17c.04-.09.08-.19.1-.28c.08-.24.13-.48.15-.74h8.52c.02.27.07.52.16.77c.02.08.05.17.09.25c.02.06.05.11.08.17s.06.12.1.18c.28.5.69.91 1.19 1.19c.06.04.12.07.18.1s.11.06.17.08c.08.04.17.07.25.09c.25.09.5.14.77.16v8.52c-.03 0-.06 0-.09.01"/></svg>Format Square Filled アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:format-square-filled" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:format-square-filled" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:format-square-filled" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--format-square-filled]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:format-square-filled"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:format-square-filled"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/reicon/format-square-filled.svg" alt="Format Square Filled アイコン" width="24" height="24">Reicon の関連アイコン
Format Square Filled アイコン のよくある質問
Format Square Filled アイコンは商用利用でも無料ですか?
はい。Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Format Square Filled アイコンを使うには?
@iconify/react をインストールして <Icon icon="reicon:format-square-filled" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Format Square Filled アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/reicon/format-square-filled.svg" alt="Format Square Filled アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。