أيقونة Capslock

whh:capslock

أيقونة Capslock (whh:capslock) أيقونة SVG مجانية من مجموعة WebHostingHub Glyphs من تصميم WebHostingHub. مرسومة على شبكة 896 × 1024. تُنشر WebHostingHub Glyphs icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: WebHostingHub Glyphs
المؤلف: WebHostingHub
الترخيص: OFL-1.1
الحجم: 896 × 1024

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="896" height="1024" viewBox="0 0 896 1024"><path fill="currentColor" d="M869 513H703v191q0 27-18.5 45.5T640 768H256q-26 0-45-18.5T192 704V513H28q-12 0-20-13t-7-31t13-30L403 19q18-19 45-19t46 19l388 420q12 12 13.5 30t-6.5 31t-20 13M256 831h384q26 0 44.5 19t18.5 45v65q0 26-18.5 45t-44.5 19H256q-26 0-45-18.5T192 960v-65q0-26 19-45t45-19"/></svg>

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

React

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

<Icon icon="whh:capslock" width="24" />

Vue

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

<template>
  <Icon icon="whh:capslock" width="24" />
</template>

Svelte

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

<Icon icon="whh:capslock" width="24" />

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="whh:capslock"></iconify-icon>

صورة HTML

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

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

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

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

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

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

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

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

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

تصفح كل أيقونات WebHostingHub Glyphs →