Bot Square Fill アイコン
keyline-icons:bot-square-fill
Bot Square Fill アイコン(keyline-icons:bot-square-fill)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Keyline Icons
- 作者
- Keyline Icons
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- botsquare、squarefill、botsquarefill
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="M2 6C2 3.79086 3.79086 2 6 2H18C20.2091 2 22 3.79086 22 6V18C22 20.2091 20.2091 22 18 22H6C3.79086 22 2 20.2091 2 18V6ZM11.0114 7.7535L11.4635 10.7192C11.5468 11.2652 12.0568 11.6403 12.6028 11.5571C13.1488 11.4738 13.5239 10.9638 13.4407 10.4178L12.9886 7.4521C12.9053 6.9061 12.3953 6.531 11.8493 6.6142C11.3033 6.6974 10.9282 7.2075 11.0114 7.7535ZM14.9657 7.1507L15.4178 10.1164C15.501 10.6624 16.0111 11.0375 16.5571 10.9543C17.1031 10.8711 17.4782 10.361 17.395 9.815L16.9429 6.8493C16.8597 6.3033 16.3496 5.9282 15.8036 6.0114C15.2576 6.0946 14.8825 6.6047 14.9657 7.1507Z" clip-rule="evenodd"/></svg>Bot Square Fill アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:bot-square-fill" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:bot-square-fill" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:bot-square-fill" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--bot-square-fill]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:bot-square-fill"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:bot-square-fill"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/keyline-icons/bot-square-fill.svg" alt="Bot Square Fill アイコン" width="24" height="24">Keyline Icons の関連アイコン
bot
bot-2
bot-2-duotone
bot-2-fill
bot-2-sharp
bot-2-sharp-duotone
bot-2-sharp-fill
bot-2-sharp-two-tone
bot-2-two-tone
bot-circle
bot-circle-duotone
bot-circle-fill
bot-circle-sharp
bot-circle-sharp-duotone
bot-circle-sharp-fill
bot-circle-sharp-two-tone
bot-circle-two-tone
bot-cloud
bot-cloud-duotone
bot-cloud-fill
bot-cloud-sharp
bot-cloud-sharp-duotone
bot-cloud-sharp-fill
bot-cloud-sharp-two-tone
Bot Square Fill アイコン のよくある質問
Bot Square Fill アイコンは商用利用でも無料ですか?
はい。Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Bot Square Fill アイコンを使うには?
@iconify/react をインストールして <Icon icon="keyline-icons:bot-square-fill" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Bot Square Fill アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/keyline-icons/bot-square-fill.svg" alt="Bot Square Fill アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。