Grid アイコン

Q: Grid アイコンは商用利用でも無料ですか?

はい。Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

reicon:grid

Grid アイコン(reicon:grid)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Reicon
作者: REICON
ライセンス: MIT
サイズ: 24 × 24
カテゴリ: UI

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M4.371 1.25H7.63c.395 0 .736 0 1.017.023c.297.024.592.078.875.222c.424.216.768.56.984.984c.144.283.198.578.222.875c.023.28.023.622.023 1.017V7.63c0 .395 0 .736-.023 1.017a2.3 2.3 0 0 1-.222.875a2.25 2.25 0 0 1-.984.984a2.3 2.3 0 0 1-.875.222c-.28.023-.622.023-1.017.023H4.37c-.395 0-.736 0-1.017-.023a2.3 2.3 0 0 1-.875-.222a2.25 2.25 0 0 1-.984-.984a2.3 2.3 0 0 1-.222-.875c-.023-.28-.023-.622-.023-1.017V4.37c0-.395 0-.736.023-1.017a2.3 2.3 0 0 1 .222-.875a2.25 2.25 0 0 1 .984-.984a2.3 2.3 0 0 1 .875-.222c.28-.023.622-.023 1.017-.023m-.895 1.518c-.204.017-.28.045-.316.064a.75.75 0 0 0-.328.328c-.02.037-.047.112-.064.316c-.017.212-.018.492-.018.924v3.2c0 .432 0 .712.018.924c.017.204.045.28.064.316a.75.75 0 0 0 .328.328c.037.02.112.047.316.064c.212.017.492.018.924.018h3.2c.432 0 .712 0 .924-.018c.204-.017.28-.045.316-.064a.75.75 0 0 0 .328-.328c.02-.037.047-.112.064-.316c.017-.212.018-.492.018-.924V4.4c0-.432 0-.712-.018-.924c-.017-.204-.045-.28-.064-.316a.75.75 0 0 0-.328-.328c-.037-.02-.112-.047-.316-.064A13 13 0 0 0 7.6 2.75H4.4c-.432 0-.712 0-.924.018M19.629 1.25H16.37c-.395 0-.736 0-1.017.023a2.3 2.3 0 0 0-.875.222a2.25 2.25 0 0 0-.984.984a2.3 2.3 0 0 0-.222.875c-.023.28-.023.622-.023 1.017V7.63c0 .395 0 .736.023 1.017c.024.297.078.592.222.875c.216.424.56.768.984.984c.283.144.578.198.875.222c.28.023.622.023 1.017.023h3.258c.395 0 .736 0 1.017-.023a2.3 2.3 0 0 0 .875-.222a2.25 2.25 0 0 0 .984-.984a2.3 2.3 0 0 0 .222-.875c.023-.28.023-.622.023-1.017V4.37c0-.395 0-.736-.023-1.017a2.3 2.3 0 0 0-.222-.875a2.25 2.25 0 0 0-.983-.984a2.3 2.3 0 0 0-.876-.222c-.28-.023-.622-.023-1.017-.023m-4.47 1.582c.038-.02.113-.047.317-.064c.212-.017.492-.018.924-.018h3.2c.432 0 .712 0 .924.018c.204.017.28.045.316.064a.75.75 0 0 1 .328.328c.02.037.047.112.064.316c.017.212.018.492.018.924v3.2c0 .432 0 .712-.018.924c-.017.204-.045.28-.064.316a.75.75 0 0 1-.328.328c-.037.02-.112.047-.316.064c-.212.017-.492.018-.924.018h-3.2c-.432 0-.712 0-.924-.018c-.204-.017-.28-.045-.317-.064a.75.75 0 0 1-.327-.328c-.02-.037-.047-.112-.064-.316a13 13 0 0 1-.018-.924V4.4c0-.432 0-.712.018-.924c.017-.204.045-.28.064-.316a.75.75 0 0 1 .327-.328m4.471 10.418H16.37c-.395 0-.736 0-1.017.023a2.3 2.3 0 0 0-.875.222a2.25 2.25 0 0 0-.984.984a2.3 2.3 0 0 0-.222.875c-.023.28-.023.622-.023 1.017v3.258c0 .395 0 .736.023 1.017c.024.297.078.592.222.875c.216.424.56.768.984.984c.283.144.578.198.875.222c.28.023.622.023 1.017.023h3.258c.395 0 .736 0 1.017-.023a2.3 2.3 0 0 0 .875-.222a2.25 2.25 0 0 0 .984-.983c.144-.284.198-.58.222-.876c.023-.28.023-.622.023-1.017V16.37c0-.395 0-.736-.023-1.017a2.3 2.3 0 0 0-.222-.875a2.25 2.25 0 0 0-.983-.984a2.3 2.3 0 0 0-.876-.222c-.28-.023-.622-.023-1.017-.023m-4.47 1.582c.038-.02.113-.047.317-.064c.212-.017.492-.018.924-.018h3.2c.432 0 .712 0 .924.018c.204.017.28.045.316.064a.75.75 0 0 1 .328.327c.02.038.047.113.064.317c.017.212.018.492.018.924v3.2c0 .432 0 .712-.018.924c-.017.204-.045.28-.064.316a.75.75 0 0 1-.328.328c-.037.02-.112.047-.316.064c-.212.017-.492.018-.924.018h-3.2c-.432 0-.712 0-.924-.018c-.204-.017-.28-.045-.317-.064a.75.75 0 0 1-.327-.328c-.02-.037-.047-.112-.064-.316a13 13 0 0 1-.018-.924v-3.2c0-.432 0-.712.018-.924c.017-.204.045-.28.064-.317a.75.75 0 0 1 .327-.327M7.629 13.25H4.37c-.395 0-.736 0-1.017.023a2.3 2.3 0 0 0-.875.222a2.25 2.25 0 0 0-.984.984a2.3 2.3 0 0 0-.222.875c-.023.28-.023.622-.023 1.017v3.258c0 .395 0 .736.023 1.017c.024.297.078.592.222.875c.216.424.56.768.984.984c.283.144.578.198.875.222c.28.023.622.023 1.017.023h3.26c.395 0 .736 0 1.017-.023a2.3 2.3 0 0 0 .875-.222a2.25 2.25 0 0 0 .984-.983c.144-.284.198-.58.222-.876c.023-.28.023-.622.023-1.017V16.37c0-.395 0-.736-.023-1.017a2.3 2.3 0 0 0-.222-.875a2.25 2.25 0 0 0-.984-.984a2.3 2.3 0 0 0-.875-.222c-.28-.023-.622-.023-1.017-.023m-4.47 1.582c.038-.02.113-.047.317-.064c.212-.017.492-.018.924-.018h3.2c.432 0 .712 0 .924.018c.204.017.28.045.316.064a.75.75 0 0 1 .328.327c.02.038.047.113.064.317c.017.212.018.492.018.924v3.2c0 .432 0 .712-.018.924c-.017.204-.045.28-.064.316a.75.75 0 0 1-.328.328c-.037.02-.112.047-.316.064c-.212.017-.492.018-.924.018H4.4c-.432 0-.712 0-.924-.018c-.204-.017-.28-.045-.316-.064a.75.75 0 0 1-.328-.328c-.02-.037-.047-.112-.064-.316a13 13 0 0 1-.018-.924v-3.2c0-.432 0-.712.018-.924c.017-.204.045-.28.064-.317a.75.75 0 0 1 .328-.327" clip-rule="evenodd"/></svg>

Grid アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="reicon:grid" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="reicon:grid" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="reicon:grid" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--grid]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:grid"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="reicon:grid"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/reicon/grid.svg" alt="Grid アイコン" width="24" height="24">

Reicon の関連アイコン

他のアイコンセットの Grid アイコン

Grid アイコンのよくある質問

Grid アイコンは商用利用でも無料ですか?

はい。Reicon icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Grid アイコンを使うには?

@iconify/react をインストールして <Icon icon="reicon:grid" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Grid アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/reicon/grid.svg" alt="Grid アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Reicon アイコンをすべて見る →