أيقونة Keyboard

vs:keyboard

أيقونة Keyboard (vs:keyboard) أيقونة SVG مجانية من مجموعة Vesper Icons من تصميم TableCheck. مرسومة على شبكة 1920 × 1344. تُنشر Vesper Icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Vesper Icons
المؤلف: TableCheck
الترخيص: OFL-1.1
الحجم: 1920 × 1344

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1920" height="1344" viewBox="0 0 1920 1344"><path fill="currentColor" d="M1600 192q132 0 226 94t94 226v512q0 132-94 226t-226 94H320q-132 0-226-94T0 1024V512q0-132 94-226t226-94zM320 1216h1280q80 0 136-56t56-136V512q0-80-56-136t-136-56H320q-80 0-136 56t-56 136v512q0 80 56 136t136 56m-64-768v128h128V448zm256 0v128h128V448zm256 0v128h128V448zm256 0v128h128V448zm512 0v128h128V448zm-256 0v128h128V448zM256 704v128h128V704zm256 0v128h128V704zm256 0v128h128V704zm256 0v128h128V704zm512 0v128h128V704zm-256 0v128h128V704zM256 960v128h128V960zm1280 0v128h128V960zm-1024 0h896v128H512z"/></svg>

كيفية استخدام أيقونة Keyboard

React

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

<Icon icon="vs:keyboard" width="24" />

Vue

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

<template>
  <Icon icon="vs:keyboard" width="24" />
</template>

Svelte

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

<Icon icon="vs:keyboard" width="24" />

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="vs:keyboard"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/vs/keyboard.svg" alt="أيقونة Keyboard" width="24" height="24">

أيقونة Keyboard في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Keyboard

هل أيقونة Keyboard مجانية للاستخدام التجاري؟

نعم. تُنشر Vesper Icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Keyboard في React؟

ثبّت @iconify/react واعرض <Icon icon="vs:keyboard" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة Keyboard إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/vs/keyboard.svg" alt="أيقونة Keyboard">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل Vesper Icons →