أيقونة Structure Bold

solar:structure-bold

أيقونة Structure Bold (solar:structure-bold) أيقونة 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
الفئة: تقنية المعلومات
الوسوم: structurebold

تنزيل 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="M7.90695 4.25572C7.57591 2.9589 6.39994 2 5 2C3.34315 2 2 3.34315 2 5C2 6.39994 2.9589 7.57591 4.25572 7.90695C4.25194 7.93744 4.25 7.96849 4.25 8V16C4.25 16.0315 4.25195 16.0626 4.25572 16.093C2.9589 16.4241 2 17.6001 2 19C2 20.6569 3.34315 22 5 22C6.39994 22 7.57591 21.0411 7.90695 19.7443C7.93744 19.7481 7.96849 19.75 8 19.75H16C16.0315 19.75 16.0626 19.7481 16.093 19.7443C16.4241 21.0411 17.6001 22 19 22C20.6569 22 22 20.6569 22 19C22 17.6001 21.0411 16.4241 19.7443 16.093C19.7481 16.0626 19.75 16.0315 19.75 16V8C19.75 7.96849 19.7481 7.93744 19.7443 7.90695C21.0411 7.57591 22 6.39994 22 5C22 3.34315 20.6569 2 19 2C17.6001 2 16.4241 2.9589 16.093 4.25572C16.0626 4.25195 16.0315 4.25 16 4.25H8C7.96849 4.25 7.93744 4.25194 7.90695 4.25572ZM5.74428 7.90695C5.74806 7.93744 5.75 7.96849 5.75 8L5.75 16C5.75 16.0315 5.74805 16.0626 5.74428 16.093C6.80311 16.3633 7.63667 17.1969 7.90695 18.2557C7.93744 18.2519 7.96849 18.25 8 18.25H16C16.0315 18.25 16.0626 18.2519 16.093 18.2557C16.3633 17.1969 17.1969 16.3633 18.2557 16.093C18.2519 16.0626 18.25 16.0315 18.25 16V8C18.25 7.96849 18.2519 7.93744 18.2557 7.90695C17.1969 7.63667 16.3633 6.80311 16.093 5.74428C16.0626 5.74805 16.0315 5.75 16 5.75H8C7.96849 5.75 7.93744 5.74806 7.90695 5.74429C7.63666 6.80311 6.80311 7.63667 5.74428 7.90695Z" clip-rule="evenodd"/></svg>

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

React

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

<Icon icon="solar:structure-bold" width="24" />

Vue

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

<template>
  <Icon icon="solar:structure-bold" width="24" />
</template>

Svelte

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

<Icon icon="solar:structure-bold" width="24" />

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="solar:structure-bold"></iconify-icon>

صورة HTML

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

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

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

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

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

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

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

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

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

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