ICONYZ
Bahasa Indonesia
Ikon Keyboard Shortcut dari OpenSearch UI

Ikon Keyboard Shortcut

oui:keyboard-shortcut

Ikon Keyboard Shortcut (oui:keyboard-shortcut) adalah ikon SVG gratis dari set OpenSearch UI karya OpenSearch Contributors. Ikon ini digambar pada grid 24 × 24. OpenSearch UI icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
OpenSearch UI
Pembuat
OpenSearch Contributors
Lisensi
Apache-2.0
Ukuran
24 × 24
Tag
keyboardshortcut
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M15 9a1 1 0 0 1 .993.883L16 10v5a1 1 0 0 1-.883.993L15 16H7a1 1 0 0 1-.993-.883L6 15v-5a1 1 0 0 1 .883-.993L7 9zM2.5 10a.5.5 0 0 1 .492.41L3 10.5V12h1.5a.5.5 0 0 1 .09.992L4.5 13H3v1.5a.5.5 0 0 1-.992.09L2 14.5V13H.5a.5.5 0 0 1-.09-.992L.5 12H2v-1.5a.5.5 0 0 1 .5-.5M15 10H7v5h8zm-1 3v1H8v-1zm1-13a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1zm0 1H1v5h14zM8 4v1H2V4z"/></svg>

Cara memakai ikon Keyboard Shortcut

React

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

<Icon icon="oui:keyboard-shortcut" width="24" />

Vue

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

<template>
  <Icon icon="oui:keyboard-shortcut" width="24" />
</template>

Svelte

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

<Icon icon="oui:keyboard-shortcut" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[oui--keyboard-shortcut]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/oui -->
<div class="i-oui:keyboard-shortcut"></div>

Web component

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

<iconify-icon icon="oui:keyboard-shortcut"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/oui/keyboard-shortcut.svg" alt="Ikon Keyboard Shortcut" width="24" height="24">

FAQ Ikon Keyboard Shortcut

Apakah ikon Keyboard Shortcut gratis untuk penggunaan komersial?

Ya. OpenSearch UI icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Keyboard Shortcut di React?

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

Bagaimana cara menambahkan ikon Keyboard Shortcut ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/oui/keyboard-shortcut.svg" alt="Ikon Keyboard Shortcut">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon OpenSearch UI →