ICONYZ
العربية
أيقونة Line Segment من Phosphor

أيقونة Line Segment

ph:line-segment

أيقونة Line Segment (ph:line-segment) أيقونة SVG مجانية من مجموعة Phosphor من تصميم Phosphor Icons. مرسومة على شبكة 256 × 256. تُنشر Phosphor icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Phosphor
المؤلف
Phosphor Icons
الترخيص
MIT
الحجم
256 × 256
الوسوم
shapes، drawing، path، pen، vector، linesegment
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M214.64 41.36a32 32 0 0 0-50.2 38.89l-84.19 84.19a32.06 32.06 0 0 0-38.89 4.94a32 32 0 1 0 50.2 6.37l84.19-84.19a32 32 0 0 0 38.89-50.2m-139.33 162a16 16 0 0 1-22.64-22.64a16 16 0 0 1 22.63 0a16 16 0 0 1 .01 22.61Zm128-128a16 16 0 1 1 0-22.63a16 16 0 0 1 .02 22.57Z"/></svg>

كيفية استخدام أيقونة Line Segment

React

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

<Icon icon="ph:line-segment" width="24" />

Vue

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

<template>
  <Icon icon="ph:line-segment" width="24" />
</template>

Svelte

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

<Icon icon="ph:line-segment" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--line-segment]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:line-segment"></div>

مكوّن ويب

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

<iconify-icon icon="ph:line-segment"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/ph/line-segment.svg" alt="أيقونة Line Segment" width="24" height="24">

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

أيقونة Line Segment في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Line Segment

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

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

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

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

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

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

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