Square Check Fill アイコン

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

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

keyline-icons:square-check-fill

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

アイコンセット: Keyline Icons
作者: Keyline Icons
ライセンス: MIT
サイズ: 24 × 24
タグ: squarecheck、checkfill、squarecheckfill

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="M18 2C20.2091 2 22 3.79086 22 6V18C22 20.2091 20.2091 22 18 22H6C3.79086 22 2 20.2091 2 18V6C2 3.79086 3.79086 2 6 2H18ZM16.6641 8.25293C16.2513 7.88601 15.6198 7.92315 15.2529 8.33594L10.666 13.4941L8.74707 11.3359C8.38015 10.9232 7.74872 10.886 7.33594 11.2529C6.92315 11.6198 6.88601 12.2513 7.25293 12.6641L9.91895 15.6641C10.1087 15.8776 10.3814 16 10.667 16C10.9525 15.9999 11.2244 15.8775 11.4141 15.6641L16.7471 9.66406C17.114 9.25128 17.0768 8.61985 16.6641 8.25293Z" clip-rule="evenodd"/></svg>

Square Check Fill アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:square-check-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-check-fill"></iconify-icon>

HTML 画像

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

Keyline Icons の関連アイコン

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

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

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

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

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

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

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

Keyline Icons をすべて見る →