Grid 3x3 Bold アイコン

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

はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

solar:grid-3x3-bold

Grid 3x3 Bold アイコン(solar:grid-3x3-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
タグ: grid3x3、3x3bold、grid3x3bold

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M14.5723 16.0635V21.9844C13.8024 21.9963 12.949 22 12 22C11.0578 22 10.2099 21.9961 9.44434 21.9844C9.44441 21.9801 9.44531 21.9759 9.44531 21.9717V16.0635H14.5723ZM7.94531 16.0635V21.9395C5.78384 21.8274 4.43045 21.5008 3.46484 20.5352C2.50055 19.5709 2.17303 18.2198 2.06055 16.0635H7.94531ZM21.9395 16.0635C21.827 18.2198 21.4995 19.5709 20.5352 20.5352C19.5722 21.4981 18.2235 21.8256 16.0723 21.9385V16.0635H21.9395ZM2.03711 9.43652H7.94531V14.5635H2.03906C2.03105 14.5635 2.0226 14.5642 2.01465 14.5645C2.00282 13.7966 2 12.9458 2 12C2 11.0542 2.00282 10.2034 2.01465 9.43555C2.02212 9.43577 2.02958 9.43652 2.03711 9.43652ZM21.9844 9.43555C21.9962 10.2034 22 11.0542 22 12C22 12.9454 21.9962 13.7959 21.9844 14.5635H16.0723V9.43652L21.9502 9.4375C21.9617 9.43749 21.973 9.43606 21.9844 9.43555ZM14.5723 9.43652V14.5635H9.44531V9.43652H14.5723ZM16.0723 2.06055C18.2235 2.17347 19.5722 2.50186 20.5352 3.46484C21.4995 4.42914 21.827 5.78016 21.9395 7.93652H16.0723V2.06055ZM7.94531 7.93652H2.06055C2.17303 5.78016 2.50055 4.42914 3.46484 3.46484C4.43045 2.49923 5.78381 2.17162 7.94531 2.05957V7.93652ZM12 2C12.949 2 13.8024 2.0027 14.5723 2.01465V7.93652H9.44531L9.44629 2.05957C9.44629 2.04447 9.44424 2.02953 9.44336 2.01465C10.2092 2.00294 11.0574 2 12 2Z"/></svg>

Grid 3x3 Bold アイコンの使い方

React

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

<Icon icon="solar:grid-3x3-bold" width="24" />

Vue

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

<template>
  <Icon icon="solar:grid-3x3-bold" width="24" />
</template>

Svelte

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

<Icon icon="solar:grid-3x3-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--grid-3x3-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:grid-3x3-bold"></div>

Web コンポーネント

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

<iconify-icon icon="solar:grid-3x3-bold"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/grid-3x3-bold.svg" alt="Grid 3x3 Bold アイコン" width="24" height="24">

Solar の関連アイコン

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

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

はい。Solar icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

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