Square Solid アイコン

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

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

stash:square-solid

Square Solid アイコン(stash:square-solid)は、Stash Icons セットの無料 SVG アイコンです（作者: Pingback LLC）。 24 × 24 のグリッドで描かれています。 Stash Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Stash Icons
作者: Pingback LLC
ライセンス: MIT
サイズ: 24 × 24
タグ: squaresolid

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M11.357 4h1.286c1.084 0 1.958 0 2.666.058c.729.06 1.369.185 1.961.487a5 5 0 0 1 2.185 2.185c.302.592.428 1.233.487 1.961C20 9.4 20 10.273 20 11.357v1.286c0 1.084 0 1.958-.058 2.666c-.06.729-.185 1.369-.487 1.961a5 5 0 0 1-2.185 2.185c-.592.302-1.232.428-1.961.487C14.6 20 13.727 20 12.643 20h-1.286c-1.084 0-1.958 0-2.666-.058c-.728-.06-1.369-.185-1.961-.487a5 5 0 0 1-2.185-2.185c-.302-.592-.428-1.232-.487-1.961C4 14.6 4 13.727 4 12.643v-1.286c0-1.084 0-1.958.058-2.666c.06-.728.185-1.369.487-1.961A5 5 0 0 1 6.73 4.545c.592-.302 1.233-.428 1.961-.487C9.4 4 10.273 4 11.357 4M8.854 6.051c-.605.05-.953.142-1.216.276a3 3 0 0 0-1.311 1.311c-.134.263-.226.611-.276 1.216C6.001 9.471 6 10.264 6 11.4v1.2c0 1.137 0 1.929.051 2.546c.05.605.142.953.276 1.216a3 3 0 0 0 1.311 1.311c.263.134.611.226 1.216.276c.617.05 1.41.051 2.546.051h1.2c1.137 0 1.929 0 2.546-.051c.605-.05.953-.142 1.216-.276a3 3 0 0 0 1.311-1.311c.134-.263.226-.611.276-1.216c.05-.617.051-1.41.051-2.546v-1.2c0-1.137 0-1.929-.051-2.546c-.05-.605-.142-.953-.276-1.216a3 3 0 0 0-1.311-1.311c-.263-.134-.611-.226-1.216-.276C14.529 6.001 13.736 6 12.6 6h-1.2c-1.137 0-1.929 0-2.546.051"/></svg>

Square Solid アイコンの使い方

React

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

<Icon icon="stash:square-solid" width="24" />

Vue

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

<template>
  <Icon icon="stash:square-solid" width="24" />
</template>

Svelte

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

<Icon icon="stash:square-solid" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[stash--square-solid]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/stash -->
<div class="i-stash:square-solid"></div>

Web コンポーネント

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

<iconify-icon icon="stash:square-solid"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/stash/square-solid.svg" alt="Square Solid アイコン" width="24" height="24">

Stash Icons の関連アイコン

他のアイコンセットの Square Solid アイコン

Square Solid アイコンのよくある質問

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

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

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

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

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

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

Stash Icons をすべて見る →