أيقونة Pen Sharp Fill
keyline-icons:pen-sharp-fill
أيقونة Pen Sharp Fill (keyline-icons:pen-sharp-fill) أيقونة SVG مجانية من مجموعة Keyline Icons. مرسومة على شبكة 24 × 24. تُنشر Keyline Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Keyline Icons
- المؤلف
- Keyline Icons
- الترخيص
- MIT
- الحجم
- 24 × 24
- الوسوم
- pensharp، sharpfill، pensharpfill
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M21.7308 8.3975L10.5639 19.5644C10.4681 19.6602 10.3539 19.7355 10.2281 19.7858L2.3714 22.9285C2.2533 22.9757 2.1272 23 2 23C1.4477 23 1 22.5523 1 22C1 21.8728 1.0243 21.7467 1.0715 21.6286L4.2142 13.7719C4.2645 13.6461 4.3398 13.5319 4.4356 13.4361L15.6025 2.2692C16.4152 1.4565 17.5174 1 18.6667 1C19.8159 1 20.9181 1.4565 21.7308 2.2692C22.5435 3.0819 23 4.1841 23 5.3333C23 6.4826 22.5435 7.5848 21.7308 8.3975ZM19.7778 7.522L20.3166 6.9832C20.7542 6.5457 21 5.9522 21 5.3333C21 4.7145 20.7542 4.121 20.3166 3.6834C19.879 3.2458 19.2855 3 18.6667 3C18.0478 3 17.4543 3.2458 17.0168 3.6834L16.478 4.2222Z"/></svg>كيفية استخدام أيقونة Pen Sharp Fill
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:pen-sharp-fill" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:pen-sharp-fill" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:pen-sharp-fill" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--pen-sharp-fill]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:pen-sharp-fill"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:pen-sharp-fill"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/keyline-icons/pen-sharp-fill.svg" alt="أيقونة Pen Sharp Fill" width="24" height="24">أيقونات ذات صلة في Keyline Icons
pen
pen-duotone
pen-fill
pen-line
pen-line-duotone
pen-line-fill
pen-line-sharp
pen-line-sharp-duotone
pen-line-sharp-fill
pen-line-sharp-two-tone
pen-line-two-tone
pen-off
pen-off-duotone
pen-off-fill
pen-off-sharp
pen-off-sharp-duotone
pen-off-sharp-fill
pen-off-sharp-two-tone
pen-off-two-tone
pen-sharp
pen-sharp-duotone
pen-sharp-two-tone
pen-sparkles
pen-sparkles-duotone
الأسئلة الشائعة حول أيقونة Pen Sharp Fill
هل أيقونة Pen Sharp Fill مجانية للاستخدام التجاري؟
نعم. تُنشر Keyline Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Pen Sharp Fill في React؟
ثبّت @iconify/react واعرض <Icon icon="keyline-icons:pen-sharp-fill" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Pen Sharp Fill إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/keyline-icons/pen-sharp-fill.svg" alt="أيقونة Pen Sharp Fill">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.