ICONYZ
English
Key Square4 Filled icon from Reicon

Key Square4 Filled icon

reicon:key-square4-filled

The Key Square4 Filled icon (reicon:key-square4-filled) is a free SVG icon from the Reicon set. It is drawn on a 24 × 24 grid. Reicon icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set
Reicon
Author
REICON
License
MIT
Size
24 × 24
Category
Security
Tags
keysquare4, square4filled, keysquare4filled
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M14.208 11.093c.73 0 1.323-.59 1.323-1.317a1.32 1.32 0 0 0-1.323-1.317c-.73 0-1.322.59-1.322 1.317a1.32 1.32 0 0 0 1.322 1.317"/><path fill-rule="evenodd" d="M3.464 3.464C2 4.93 2 7.286 2 12s0 7.071 1.464 8.535C4.93 22 7.286 22 12 22s7.071 0 8.535-1.465C22 19.072 22 16.714 22 12s0-7.071-1.465-8.536C19.072 2 16.714 2 12 2S4.929 2 3.464 3.464m10.744 10.088A3.784 3.784 0 0 0 18 9.776A3.784 3.784 0 0 0 14.208 6a3.784 3.784 0 0 0-3.791 3.776c0 .966.44 1.669.44 1.669L6.274 16.01c-.206.205-.494.738 0 1.23l.529.526c.205.176.723.422 1.146 0l.617-.614c.617.614 1.323.263 1.587-.088c.441-.615-.088-1.23-.088-1.23l.177-.175c.846.843 1.587.351 1.851 0c.441-.615 0-1.23 0-1.23a1 1 0 0 0-.177-.239c-.138-.15-.222-.241.089-.551l.53-.527c.422.351 1.292.44 1.674.44" clip-rule="evenodd"/></g></svg>

How to use the Key Square4 Filled icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="reicon:key-square4-filled"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/reicon/key-square4-filled.svg" alt="Key Square4 Filled icon" width="24" height="24">

Related icons in Reicon

key icon
key
 key-duotone icon
key-duotone
 key-filled icon
key-filled
 key-square icon
key-square
 key-square-duotone icon
key-square-duotone
 key-square-filled icon
key-square-filled
 key-square2 icon
key-square2
 key-square2-duotone icon
key-square2-duotone
 key-square2-filled icon
key-square2-filled
 key-square3 icon
key-square3
 key-square3-duotone icon
key-square3-duotone
 key-square3-filled icon
key-square3-filled
 key-square4 icon
key-square4
 key-square5 icon
key-square5
 key-square5-duotone icon
key-square5-duotone
 key-square5-filled icon
key-square5-filled
 key-square6 icon
key-square6
 key-square6-filled icon
key-square6-filled
 key-square8 icon
key-square8
 key-square8-filled icon
key-square8-filled
 key2 icon
key2
 key2-duotone icon
key2-duotone
 key2-filled icon
key2-filled
 key3 icon
key3

Key Square4 Filled icon FAQ

Is the Key Square4 Filled icon free for commercial use?

Yes. Reicon icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Key Square4 Filled icon in React?

Install @iconify/react and render <Icon icon="reicon:key-square4-filled" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Key Square4 Filled icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/reicon/key-square4-filled.svg" alt="Key Square4 Filled icon">, or paste the SVG code inline to style it with CSS.

Browse all Reicon icons →