ICONYZ
日本語
Keyline Icons の Key Square Sharp Two Tone アイコン

Key Square Sharp Two Tone アイコン

keyline-icons:key-square-sharp-two-tone

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

アイコンセット
Keyline Icons
作者
Keyline Icons
ライセンス
MIT
サイズ
24 × 24
タグ
keysquare、squaresharp、sharptwo、twotone、keysquaresharptwotone
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M5.2929 13.7929L1.2929 17.7929C1.1054 17.9804 1 18.2348 1 18.5L1 22C1 22.5523 1.4477 23 2 23L5.5 23C5.7652 23 6.0196 22.8946 6.2071 22.7071L7.4142 21.5L9.5 21.5C10.0523 21.5 10.5 21.0523 10.5 20.5L10.5 19L12 19C12.5523 19 13 18.5523 13 18L13 15.9142L13.9142 15L22 15C22.5523 15 23 14.5523 23 14L23 2C23 1.4477 22.5523 1 22 1L10 1C9.4477 1 9 1.4477 9 2L9 10.0858L5.2929 13.7929Z" stroke="none"/><path d="M6 14.5L2 18.5L2 22L5.5 22L7 20.5L9.5 20.5L9.5 18L12 18L12 15.5L13.5 14L22 14L22 2L10 2L10 10.5ZM14.7071 9.2929L17.2929 6.7071"/></g></svg>

Key Square Sharp Two Tone アイコンの使い方

React

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

<Icon icon="keyline-icons:key-square-sharp-two-tone" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:key-square-sharp-two-tone" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:key-square-sharp-two-tone" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="keyline-icons:key-square-sharp-two-tone"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/keyline-icons/key-square-sharp-two-tone.svg" alt="Key Square Sharp Two Tone アイコン" width="24" height="24">

Keyline Icons の関連アイコン

key アイコン
key
 key-duotone アイコン
key-duotone
 key-fill アイコン
key-fill
 key-round アイコン
key-round
 key-round-duotone アイコン
key-round-duotone
 key-round-fill アイコン
key-round-fill
 key-round-sharp アイコン
key-round-sharp
 key-round-sharp-duotone アイコン
key-round-sharp-duotone
 key-round-sharp-fill アイコン
key-round-sharp-fill
 key-round-sharp-two-tone アイコン
key-round-sharp-two-tone
 key-round-two-tone アイコン
key-round-two-tone
 key-sharp アイコン
key-sharp
 key-sharp-duotone アイコン
key-sharp-duotone
 key-sharp-fill アイコン
key-sharp-fill
 key-sharp-two-tone アイコン
key-sharp-two-tone
 key-square アイコン
key-square
 key-square-duotone アイコン
key-square-duotone
 key-square-fill アイコン
key-square-fill
 key-square-sharp アイコン
key-square-sharp
 key-square-sharp-duotone アイコン
key-square-sharp-duotone
 key-square-sharp-fill アイコン
key-square-sharp-fill
 key-square-two-tone アイコン
key-square-two-tone
 key-two-tone アイコン
key-two-tone
 keyboard アイコン
keyboard

Key Square Sharp Two Tone アイコン のよくある質問

Key Square Sharp Two Tone アイコンは商用利用でも無料ですか?

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

React で Key Square Sharp Two Tone アイコンを使うには?

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

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

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

Keyline Icons をすべて見る →