ICONYZ
日本語
Reicon の Key Square2 アイコン

Key Square2 アイコン

reicon:key-square2

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

アイコンセット
Reicon
作者
REICON
ライセンス
MIT
サイズ
24 × 24
カテゴリ
セキュリティ
タグ
keysquare2
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="M9.757 1.983a.75.75 0 0 1-.733.767c-2.822.064-4.15.349-5.028 1.226c-.57.57-.897 1.342-1.07 2.622c-.174 1.301-.176 3.011-.176 5.392c0 2.38.002 4.09.177 5.392c.172 1.28.499 2.051 1.07 2.622c.57.57 1.341.897 2.621 1.07c1.301.174 3.011.176 5.392.176c2.38 0 4.09-.002 5.392-.177c1.28-.172 2.051-.499 2.622-1.07c.877-.876 1.162-2.206 1.226-5.027a.75.75 0 1 1 1.5.034c-.063 2.766-.313 4.702-1.666 6.054c-.895.896-2.036 1.302-3.482 1.496c-1.413.19-3.224.19-5.535.19h-.114c-2.311 0-4.122 0-5.535-.19c-1.446-.194-2.587-.6-3.482-1.496c-.896-.895-1.302-2.036-1.496-3.482c-.19-1.413-.19-3.224-.19-5.535v-.114c0-2.311 0-4.122.19-5.535c.194-1.446.6-2.587 1.496-3.482C4.289 1.563 6.223 1.313 8.99 1.25a.75.75 0 0 1 .767.733m1.887 1.172a6.506 6.506 0 1 1 2.977 10.901a.2.2 0 0 0-.103-.003a.1.1 0 0 0-.044.022L11.38 17.17a1.98 1.98 0 0 1-1.621.569l-1.741-.194a1.57 1.57 0 0 1-.938-.45l-.174-.174a1.57 1.57 0 0 1-.45-.938l-.194-1.74a1.98 1.98 0 0 1 .569-1.622l3.093-3.093a.1.1 0 0 0 .023-.045a.2.2 0 0 0-.003-.103a6.5 6.5 0 0 1 1.7-6.224m8.14 1.061a5.006 5.006 0 0 0-8.387 4.79c.135.527.026 1.143-.412 1.581l-3.093 3.094a.48.48 0 0 0-.139.395l.193 1.74q.004.026.021.043l.174.174a.07.07 0 0 0 .043.02l1.74.194a.48.48 0 0 0 .395-.139l.5-.5l-.92-.911a.75.75 0 1 1 1.054-1.067l.927.917l1.533-1.532c.438-.438 1.054-.547 1.58-.412a5.006 5.006 0 0 0 4.79-8.387m-5.326 1.909a2.417 2.417 0 1 1 3.417 3.417a2.417 2.417 0 0 1-3.417-3.417m2.357 1.06a.917.917 0 1 0-1.297 1.296a.917.917 0 0 0 1.297-1.296" clip-rule="evenodd"/></svg>

Key Square2 アイコンの使い方

React

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

<Icon icon="reicon:key-square2" width="24" />

Vue

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

<template>
  <Icon icon="reicon:key-square2" width="24" />
</template>

Svelte

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

<Icon icon="reicon:key-square2" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--key-square2]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:key-square2"></div>

Web コンポーネント

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

<iconify-icon icon="reicon:key-square2"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/reicon/key-square2.svg" alt="Key Square2 アイコン" width="24" height="24">

Reicon の関連アイコン

key アイコン
key
 key-duotone アイコン
key-duotone
 key-filled アイコン
key-filled
 key-square アイコン
key-square
 key-square-duotone アイコン
key-square-duotone
 key-square-filled アイコン
key-square-filled
 key-square2-duotone アイコン
key-square2-duotone
 key-square2-filled アイコン
key-square2-filled
 key-square3 アイコン
key-square3
 key-square3-duotone アイコン
key-square3-duotone
 key-square3-filled アイコン
key-square3-filled
 key-square4 アイコン
key-square4
 key-square4-filled アイコン
key-square4-filled
 key-square5 アイコン
key-square5
 key-square5-duotone アイコン
key-square5-duotone
 key-square5-filled アイコン
key-square5-filled
 key-square6 アイコン
key-square6
 key-square6-filled アイコン
key-square6-filled
 key-square8 アイコン
key-square8
 key-square8-filled アイコン
key-square8-filled
 key2 アイコン
key2
 key2-duotone アイコン
key2-duotone
 key2-filled アイコン
key2-filled
 key3 アイコン
key3

Key Square2 アイコン のよくある質問

Key Square2 アイコンは商用利用でも無料ですか?

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

React で Key Square2 アイコンを使うには?

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

Key Square2 アイコンをウェブページに追加するには?

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

Reicon アイコン をすべて見る →