أيقونة Id Badge Sharp Fill

keyline-icons:id-badge-sharp-fill

أيقونة Id Badge Sharp Fill (keyline-icons:id-badge-sharp-fill) أيقونة SVG مجانية من مجموعة Keyline Icons. مرسومة على شبكة 24 × 24. تُنشر Keyline Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Keyline Icons
المؤلف: Keyline Icons
الترخيص: MIT
الحجم: 24 × 24
الوسوم: idbadge، badgesharp، sharpfill، idbadgesharpfill

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M19 1C19.5523 1 20 1.44772 20 2V22C20 22.5523 19.5523 23 19 23H5C4.44772 23 4 22.5523 4 22V2C4 1.44772 4.44772 1 5 1H19ZM11 18C9.13619 18 7.57003 19.2748 7.12598 21H16.874C16.43 19.2748 14.8638 18 13 18H11ZM12 10C10.3431 10 9 11.3431 9 13C9 14.6569 10.3431 16 12 16C13.6569 16 15 14.6569 15 13C15 11.3431 13.6569 10 12 10ZM9 5V7H15V5H9Z" clip-rule="evenodd"/></svg>

كيفية استخدام أيقونة Id Badge Sharp Fill

React

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

<Icon icon="keyline-icons:id-badge-sharp-fill" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:id-badge-sharp-fill" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:id-badge-sharp-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--id-badge-sharp-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:id-badge-sharp-fill"></div>

مكوّن ويب

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

<iconify-icon icon="keyline-icons:id-badge-sharp-fill"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/keyline-icons/id-badge-sharp-fill.svg" alt="أيقونة Id Badge Sharp Fill" width="24" height="24">

أيقونات ذات صلة في Keyline Icons

الأسئلة الشائعة حول أيقونة Id Badge Sharp Fill

هل أيقونة Id Badge Sharp Fill مجانية للاستخدام التجاري؟

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

كيف أستخدم أيقونة Id Badge Sharp Fill في React؟

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

كيف أضيف أيقونة Id Badge Sharp Fill إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/keyline-icons/id-badge-sharp-fill.svg" alt="أيقونة Id Badge Sharp Fill">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل Keyline Icons →