أيقونة Pen Alt
cil:pen-alt
أيقونة Pen Alt (cil:pen-alt) أيقونة SVG مجانية من مجموعة CoreUI Free من تصميم creativeLabs Łukasz Holeczek. مرسومة على شبكة 512 × 512. تُنشر CoreUI Free icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- CoreUI Free
- المؤلف
- creativeLabs Łukasz Holeczek
- الترخيص
- CC-BY-4.0
- الحجم
- 512 × 512
- الوسوم
- penalt
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M23.686 456.521a24.84 24.84 0 0 0 6 25.708l.087.087a24.84 24.84 0 0 0 17.612 7.342a25.2 25.2 0 0 0 8.1-1.344a646.3 646.3 0 0 0 248.04-154.207l166.456-166.461A88.832 88.832 0 1 0 344.354 42.019l-9.534 9.534l-20.791-20.791a50.4 50.4 0 0 0-71.274 0L108.687 164.83l22.626 22.627L265.382 53.389a18.4 18.4 0 0 1 26.019 0l20.792 20.791l-134.3 134.3A646.3 646.3 0 0 0 23.686 456.521m343.3-391.875a56.832 56.832 0 1 1 80.373 80.373l-89.493 89.493l-80.372-80.373Zm-112.124 112.12l80.372 80.372l-54.342 54.342A614.4 614.4 0 0 1 58.779 453.221A614.4 614.4 0 0 1 200.52 231.108Z"/></svg>
كيفية استخدام أيقونة Pen Alt
React
import { Icon } from "@iconify/react";
<Icon icon="cil:pen-alt" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cil:pen-alt" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cil:pen-alt" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cil--pen-alt]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cil -->
<div class="i-cil:pen-alt"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cil:pen-alt"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/cil/pen-alt.svg" alt="أيقونة Pen Alt" width="24" height="24">
أيقونات ذات صلة في CoreUI Free
أيقونة Pen Alt في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Pen Alt
هل أيقونة Pen Alt مجانية للاستخدام التجاري؟
نعم. تُنشر CoreUI Free icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه.
كيف أستخدم أيقونة Pen Alt في React؟
ثبّت @iconify/react واعرض <Icon icon="cil:pen-alt" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Pen Alt إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/cil/pen-alt.svg" alt="أيقونة Pen Alt">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات CoreUI Free →
ICONYZ
