ICONYZ
日本語
Keyline Icons の Square Activity Sharp Fill アイコン

Square Activity Sharp Fill アイコン

keyline-icons:square-activity-sharp-fill

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

アイコンセット
Keyline Icons
作者
Keyline Icons
ライセンス
MIT
サイズ
24 × 24
タグ
squareactivity、activitysharp、sharpfill、squareactivitysharpfill
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M3 2L21 2C21.5523 2 22 2.4477 22 3L22 21C22 21.5523 21.5523 22 21 22L3 22C2.4477 22 2 21.5523 2 21L2 3C2 2.4477 2.4477 2 3 2ZM6 13L8.5001 13C8.9169 13 9.29 12.7414 9.4364 12.3511L10.9363 8.3511L10.1311 10.4983L13.1055 16.4478C13.4959 17.2288 14.6297 17.1693 14.9363 16.3517L16.4363 12.3511L16.193 13L18 13L18 11L15.4999 11C15.0831 11 14.71 11.2586 14.5636 11.6489L13.0637 15.6489L13.8689 13.5017L10.8945 7.5522C10.5041 6.7712 9.3703 6.8307 9.0637 7.6483L7.5637 11.6489L7.807 11L6 11L6 13Z"/></svg>

Square Activity Sharp Fill アイコンの使い方

React

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

<Icon icon="keyline-icons:square-activity-sharp-fill" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:square-activity-sharp-fill" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:square-activity-sharp-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--square-activity-sharp-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:square-activity-sharp-fill"></div>

Web コンポーネント

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

<iconify-icon icon="keyline-icons:square-activity-sharp-fill"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/keyline-icons/square-activity-sharp-fill.svg" alt="Square Activity Sharp Fill アイコン" width="24" height="24">

Keyline Icons の関連アイコン

Square Activity Sharp Fill アイコン のよくある質問

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

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

React で Square Activity Sharp Fill アイコンを使うには?

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

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

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

Keyline Icons をすべて見る →