أيقونة Keyboard Shortcut
oui:keyboard-shortcut
أيقونة Keyboard Shortcut (oui:keyboard-shortcut) أيقونة SVG مجانية من مجموعة OpenSearch UI من تصميم OpenSearch Contributors. مرسومة على شبكة 24 × 24. تُنشر OpenSearch UI icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- OpenSearch UI
- المؤلف
- OpenSearch Contributors
- الترخيص
- Apache-2.0
- الحجم
- 24 × 24
- الوسوم
- keyboardshortcut
شيفرة 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>كيفية استخدام أيقونة 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>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="oui:keyboard-shortcut"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/oui/keyboard-shortcut.svg" alt="أيقونة Keyboard Shortcut" width="24" height="24">الأسئلة الشائعة حول أيقونة Keyboard Shortcut
هل أيقونة Keyboard Shortcut مجانية للاستخدام التجاري؟
نعم. تُنشر OpenSearch UI icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Keyboard Shortcut في React؟
ثبّت @iconify/react واعرض <Icon icon="oui:keyboard-shortcut" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Keyboard Shortcut إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/oui/keyboard-shortcut.svg" alt="أيقونة Keyboard Shortcut">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.