ICONYZ
Bahasa Indonesia
Ikon Key Duotone dari Reicon

Ikon Key Duotone

reicon:key-duotone

Ikon Key Duotone (reicon:key-duotone) adalah ikon SVG gratis dari set Reicon. Ikon ini digambar pada grid 24 × 24. Reicon icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
Reicon
Pembuat
REICON
Lisensi
MIT
Ukuran
24 × 24
Kategori
Keamanan
Tag
keyduotone
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M22 8.293c0 3.476-2.83 6.294-6.32 6.294c-.636 0-2.086-.146-2.791-.732l-.882.878c-.519.517-.379.669-.148.919c.096.105.208.226.295.399c0 0 .735 1.024 0 2.049c-.441.585-1.676 1.404-3.086 0l-.294.292s.881 1.025.147 2.05c-.441.585-1.617 1.17-2.646.146l-1.028 1.024c-.706.703-1.568.293-1.91 0l-.883-.878c-.823-.82-.343-1.708 0-2.05l7.642-7.61s-.735-1.17-.735-2.78c0-3.476 2.83-6.294 6.32-6.294S22 4.818 22 8.293" clip-rule="evenodd" opacity=".5"/><path d="M17.885 8.294a2.2 2.2 0 0 1-2.204 2.195a2.2 2.2 0 0 1-2.204-2.195a2.2 2.2 0 0 1 2.204-2.196a2.2 2.2 0 0 1 2.204 2.196"/></g></svg>

Cara memakai ikon Key Duotone

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Gambar HTML

<img src="https://iconyz.com/api/public/svg/reicon/key-duotone.svg" alt="Ikon Key Duotone" width="24" height="24">

Ikon terkait di Reicon

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

Ikon Key Duotone di set ikon lain

Ikon Key Duotone dari Phosphor
Phosphor
 Ikon Key Duotone dari Keyline Icons
Keyline Icons
 Ikon Key Duotone dari Lets Icons
Lets Icons
 Ikon Key Duotone dari Lucide Extended
Lucide Extended
 Ikon Key Duotone dari Sargam Icons
Sargam Icons

FAQ Ikon Key Duotone

Apakah ikon Key Duotone gratis untuk penggunaan komersial?

Ya. Reicon icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Key Duotone di React?

Pasang @iconify/react lalu render <Icon icon="reicon:key-duotone" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Key Duotone ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/reicon/key-duotone.svg" alt="Ikon Key Duotone">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Reicon →