ICONYZ
العربية
أيقونة Path Outline من css.gg

أيقونة Path Outline

gg:path-outline

أيقونة Path Outline (gg:path-outline) أيقونة SVG مجانية من مجموعة css.gg من تصميم Astrit. مرسومة على شبكة 24 × 24. تُنشر css.gg icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
css.gg
المؤلف
Astrit
الترخيص
MIT
الحجم
24 × 24
الوسوم
pathoutline
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M5 5h10v4h4v10H9v-4H5zm2 2h6v2H9v4H7zm4 10h6v-6h-2v4h-4zm2-6h-2v2h2z" clip-rule="evenodd"/></svg>

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

React

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

<Icon icon="gg:path-outline" width="24" />

Vue

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

<template>
  <Icon icon="gg:path-outline" width="24" />
</template>

Svelte

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

<Icon icon="gg:path-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[gg--path-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/gg -->
<div class="i-gg:path-outline"></div>

مكوّن ويب

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

<iconify-icon icon="gg:path-outline"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/gg/path-outline.svg" alt="أيقونة Path Outline" width="24" height="24">

أيقونات ذات صلة في css.gg

أيقونة path-back
path-back
 أيقونة path-crop
path-crop
 أيقونة path-divide
path-divide
 أيقونة path-exclude
path-exclude
 أيقونة path-front
path-front
 أيقونة path-intersect
path-intersect
 أيقونة path-trim
path-trim
 أيقونة path-unite
path-unite

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

أيقونة Path Outline من Glyphs
Glyphs
 أيقونة Path Outline من Lsicon
Lsicon

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

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

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

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

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

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

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

تصفح كل أيقونات css.gg →