أيقونة Structure Add

hugeicons:structure-add

أيقونة Structure Add (hugeicons:structure-add) أيقونة SVG مجانية من مجموعة Huge Icons من تصميم Hugeicons. مرسومة على شبكة 24 × 24. تُنشر Huge Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Huge Icons
المؤلف: Hugeicons
الترخيص: MIT
الحجم: 24 × 24
الوسوم: structureadd

تنزيل 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="M15.002 5c0-1.414 0-2.121.512-2.56C16.027 2 16.852 2 18.501 2s2.474 0 2.986.44C22 2.878 22 3.585 22 5s0 2.121-.513 2.56C20.975 8 20.15 8 18.501 8s-2.474 0-2.987-.44c-.512-.439-.512-1.146-.512-2.56Zm0 14c0-1.414 0-2.121.512-2.56c.513-.44 1.338-.44 2.987-.44s2.474 0 2.986.44C22 16.878 22 17.585 22 19s0 2.121-.513 2.56c-.512.44-1.337.44-2.986.44s-2.474 0-2.987-.44c-.512-.439-.512-1.146-.512-2.56Z"/><path stroke-linecap="round" stroke-linejoin="round" d="M7.022 10v4m1.991-2H4.988m2.04 5.036a5.03 5.03 0 0 0 5.028-5.03a5.03 5.03 0 0 0-5.028-5.029m0 10.06A5.03 5.03 0 0 1 2 12.006a5.03 5.03 0 0 1 5.028-5.03m0 10.06c-.07 2.13 1.534 2.915 2.647 2.956h2.327M7.028 6.977c-.07-2.16 1.52-2.92 2.647-2.967h2.327"/></g></svg>

كيفية استخدام أيقونة Structure Add

React

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

<Icon icon="hugeicons:structure-add" width="24" />

Vue

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

<template>
  <Icon icon="hugeicons:structure-add" width="24" />
</template>

Svelte

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

<Icon icon="hugeicons:structure-add" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[hugeicons--structure-add]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/hugeicons -->
<div class="i-hugeicons:structure-add"></div>

مكوّن ويب

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

<iconify-icon icon="hugeicons:structure-add"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/hugeicons/structure-add.svg" alt="أيقونة Structure Add" width="24" height="24">

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

الأسئلة الشائعة حول أيقونة Structure Add

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

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

كيف أستخدم أيقونة Structure Add في React؟

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

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

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

تصفح كل Huge Icons →