أيقونة Ruler Pen Line Duotone

solar:ruler-pen-line-duotone

أيقونة Ruler Pen Line Duotone (solar:ruler-pen-line-duotone) أيقونة SVG مجانية من مجموعة Solar من تصميم 480 Design. مرسومة على شبكة 24 × 24. تُنشر Solar icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Solar
المؤلف: 480 Design
الترخيص: CC-BY-4.0
الحجم: 24 × 24
الفئة: الأدوات
الوسوم: rulerpen، penline، lineduotone، rulerpenlineduotone

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M16 22C14.1144 22 13.1716 22 12.5858 21.4142C12 20.8284 12 19.8856 12 18L12 6C12 4.11438 12 3.17157 12.5858 2.58579C13.1716 2 14.1144 2 16 2L18 2C19.8856 2 20.8284 2 21.4142 2.58579C22 3.17157 22 4.11438 22 6V18C22 19.8856 22 20.8284 21.4142 21.4142C20.8284 22 19.8856 22 18 22H16Z"/><path stroke-linecap="round" d="M12 12H14M12 6L14 6M12 18H14M12 15L15 15M12 9L15 9" opacity=".5"/><path d="M3.98794 21.0271L2.8079 18.785C2.52943 18.2559 2.39019 17.9914 2.28733 17.7157C2.166 17.3905 2.08232 17.0538 2.03777 16.7114C2 16.4211 2 16.1254 2 15.5338L2 5.8L2 4.85C2 3.27599 3.34315 2 5 2C6.65685 2 8 3.27599 8 4.85L8 5.8L8 15.5338C8 16.1254 8 16.4211 7.96223 16.7114C7.91768 17.0538 7.834 17.3905 7.71267 17.7157C7.60981 17.9914 7.47057 18.2559 7.19209 18.785L6.01206 21.0271L5.72361 21.5751C5.58657 21.8355 5.30643 22 5 22C4.69357 22 4.41343 21.8355 4.27639 21.5751L3.98794 21.0271ZM6.01206 21.0271H3.98794"/><path d="M2 5.7998C2 5.7998 3.125 6.7498 5 6.7498C6.875 6.7498 8 5.7998 8 5.7998" opacity=".5"/></g></svg>

كيفية استخدام أيقونة Ruler Pen Line Duotone

React

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

<Icon icon="solar:ruler-pen-line-duotone" width="24" />

Vue

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

<template>
  <Icon icon="solar:ruler-pen-line-duotone" width="24" />
</template>

Svelte

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

<Icon icon="solar:ruler-pen-line-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--ruler-pen-line-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:ruler-pen-line-duotone"></div>

مكوّن ويب

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

<iconify-icon icon="solar:ruler-pen-line-duotone"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/solar/ruler-pen-line-duotone.svg" alt="أيقونة Ruler Pen Line Duotone" width="24" height="24">

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

الأسئلة الشائعة حول أيقونة Ruler Pen Line Duotone

هل أيقونة Ruler Pen Line Duotone مجانية للاستخدام التجاري؟

نعم. تُنشر Solar icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه.

كيف أستخدم أيقونة Ruler Pen Line Duotone في React؟

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

كيف أضيف أيقونة Ruler Pen Line Duotone إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/solar/ruler-pen-line-duotone.svg" alt="أيقونة Ruler Pen Line Duotone">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

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