أيقونة Fence Filled

lucide-extended:fence-filled

أيقونة Fence Filled (lucide-extended:fence-filled) أيقونة SVG مجانية من مجموعة Lucide Extended من تصميم Applifted. مرسومة على شبكة 24 × 24. تُنشر Lucide Extended icons بموجب ترخيص ISC، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Lucide Extended
المؤلف: Applifted
الترخيص: ISC
الحجم: 24 × 24
الوسوم: fencefilled

تنزيل 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="M3.37 2.225a1 1 0 0 1 1.337.068l2 2A1 1 0 0 1 7 5v2h2V5a1 1 0 0 1 .293-.707l2-2l.076-.068a1 1 0 0 1 1.338.068l2 2A1 1 0 0 1 15 5v2h2V5a1 1 0 0 1 .293-.707l2-2l.076-.068a1 1 0 0 1 1.338.068l2 2A1 1 0 0 1 23 5v15c0 .527-.18 1.044-.568 1.432S21.527 22 21 22h-2c-.527 0-1.044-.18-1.432-.568S17 20.527 17 20v-1h-2v1c0 .527-.18 1.044-.568 1.432S13.527 22 13 22h-2c-.527 0-1.044-.18-1.432-.568S9 20.527 9 20v-1H7v1c0 .527-.18 1.044-.568 1.432S5.527 22 5 22H3c-.527 0-1.044-.18-1.432-.568S1 20.527 1 20V5a1 1 0 0 1 .293-.707l2-2zM7 17h2V9H7zm8 0h2V9h-2z" clip-rule="evenodd"/></svg>

كيفية استخدام أيقونة Fence Filled

React

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

<Icon icon="lucide-extended:fence-filled" width="24" />

Vue

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

<template>
  <Icon icon="lucide-extended:fence-filled" width="24" />
</template>

Svelte

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

<Icon icon="lucide-extended:fence-filled" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[lucide-extended--fence-filled]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/lucide-extended -->
<div class="i-lucide-extended:fence-filled"></div>

مكوّن ويب

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

<iconify-icon icon="lucide-extended:fence-filled"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/lucide-extended/fence-filled.svg" alt="أيقونة Fence Filled" width="24" height="24">

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

أيقونة Fence Filled في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Fence Filled

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

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

كيف أستخدم أيقونة Fence Filled في React؟

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

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

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/lucide-extended/fence-filled.svg" alt="أيقونة Fence Filled">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

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