أيقونة Pen Nib Outline

glyphs:pen-nib-outline

أيقونة Pen Nib Outline (glyphs:pen-nib-outline) أيقونة SVG مجانية من مجموعة Glyphs من تصميم Goran Spasojevic. مرسومة على شبكة 80 × 80. تُنشر Glyphs icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Glyphs
المؤلف: Goran Spasojevic
الترخيص: MIT
الحجم: 80 × 80
الوسوم: pennib، niboutline، penniboutline

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><path fill="currentColor" fill-opacity=".25" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M52.265 59.491q.08-.103.154-.214l5.528-8.293a14 14 0 0 0 .797-14.177L46.352 12.751A6.92 6.92 0 0 0 42.2 9.295V9h-4v.295a6.92 6.92 0 0 0-4.152 3.456L21.656 36.807a14 14 0 0 0 .797 14.177l5.528 8.293q.074.11.154.215q-.141.346-.218.724l-1.2 6A4 4 0 0 0 30.64 71h19.12a4 4 0 0 0 3.923-4.784l-1.2-6a4 4 0 0 0-.218-.725M48.56 61H31.84l-1.2 6h19.12zM37.605 14.583c.155-.3.358-.567.596-.79v21.544A5.92 5.92 0 0 0 35.004 38c-2.31 4 .577 9 5.196 9s7.505-5 5.196-9a5.92 5.92 0 0 0-3.196-2.663V13.792c.238.224.441.49.596.79L55.188 38.64a10 10 0 0 1-.569 10.127L49.13 57H31.27l-5.49-8.234a10 10 0 0 1-.569-10.127zM41.932 40c.77 1.333-.193 3-1.732 3c-1.54 0-2.502-1.667-1.732-3s2.694-1.333 3.464 0" clip-rule="evenodd"/></svg>

كيفية استخدام أيقونة Pen Nib Outline

React

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

<Icon icon="glyphs:pen-nib-outline" width="24" />

Vue

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

<template>
  <Icon icon="glyphs:pen-nib-outline" width="24" />
</template>

Svelte

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

<Icon icon="glyphs:pen-nib-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--pen-nib-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:pen-nib-outline"></div>

مكوّن ويب

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

<iconify-icon icon="glyphs:pen-nib-outline"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/glyphs/pen-nib-outline.svg" alt="أيقونة Pen Nib Outline" width="24" height="24">

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

أيقونة Pen Nib Outline في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Pen Nib Outline

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

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

كيف أستخدم أيقونة Pen Nib Outline في React؟

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

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

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/glyphs/pen-nib-outline.svg" alt="أيقونة Pen Nib Outline">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

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