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 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
square-activity
square-activity-duotone
square-activity-fill
square-activity-sharp
square-activity-sharp-duotone
square-activity-sharp-two-tone
square-activity-two-tone
square-alert
square-alert-duotone
square-alert-fill
square-alert-sharp
square-alert-sharp-duotone
square-alert-sharp-fill
square-alert-sharp-two-tone
square-alert-two-tone
square-align-offset-bottom
square-align-offset-bottom-duotone
square-align-offset-bottom-fill
square-align-offset-bottom-sharp
square-align-offset-bottom-sharp-duotone
square-align-offset-bottom-sharp-fill
square-align-offset-bottom-sharp-two-tone
square-align-offset-bottom-two-tone
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 コードをページに直接貼り付けます。