ICONYZ
العربية
أيقونة Apps Outage Rounded من Material Symbols

أيقونة Apps Outage Rounded

material-symbols:apps-outage-rounded

أيقونة Apps Outage Rounded (material-symbols:apps-outage-rounded) أيقونة SVG مجانية من مجموعة Material Symbols من تصميم Google. مرسومة على شبكة 24 × 24. تُنشر Material Symbols icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Material Symbols
المؤلف
Google
الترخيص
Apache-2.0
الحجم
24 × 24
الفئة
إجراءات الواجهة
الوسوم
all، applications، apps، circles، collection، components، dots، grid، interface، outage، squares، ui، ux، navigation، appsoutage، outagerounded
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M4.588 19.413Q4 18.825 4 18t.588-1.412T6 16t1.413.588T8 18t-.587 1.413T6 20t-1.412-.587m0-6Q4 12.825 4 12t.588-1.412T6 10t1.413.588T8 12t-.587 1.413T6 14t-1.412-.587m0-6Q4 6.825 4 6t.588-1.412T6 4t1.413.588T8 6t-.587 1.413T6 8t-1.412-.587m6 12Q10 18.825 10 18t.588-1.412T12 16t1.413.588T14 18t-.587 1.413T12 20t-1.412-.587m0-6Q10 12.825 10 12t.588-1.412T12 10t1.413.588T14 12t-.587 1.413T12 14t-1.412-.587M12 8q-.825 0-1.412-.587T10 6q0-.875.613-1.437T12.075 4q-.05.25-.062.488T12 5q0 .775.163 1.513t.462 1.387q-.15.05-.3.075T12 8m3.463.538Q14 7.075 14 5t1.463-3.537T19 0t3.538 1.463T24 5t-1.463 3.538T19 10t-3.537-1.463m1.125 10.875Q16 18.826 16 18t.588-1.412T18 16t1.413.588T20 18t-.587 1.413T18 20t-1.412-.587M18 14q-.825 0-1.412-.587T16 12q0-.175.025-.325t.075-.3q.65.3 1.387.463T19 12q.275 0 .513-.012t.487-.063q0 .85-.562 1.463T18 14m1.35-6.15q.15-.15.15-.35t-.15-.35T19 7t-.35.15t-.15.35t.15.35T19 8t.35-.15M19 6q.2 0 .35-.15t.15-.35v-3q0-.2-.15-.35T19 2t-.35.15t-.15.35v3q0 .2.15.35T19 6"/></svg>

كيفية استخدام أيقونة Apps Outage Rounded

React

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

<Icon icon="material-symbols:apps-outage-rounded" width="24" />

Vue

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

<template>
  <Icon icon="material-symbols:apps-outage-rounded" width="24" />
</template>

Svelte

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

<Icon icon="material-symbols:apps-outage-rounded" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--apps-outage-rounded]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols -->
<div class="i-material-symbols:apps-outage-rounded"></div>

مكوّن ويب

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

<iconify-icon icon="material-symbols:apps-outage-rounded"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/material-symbols/apps-outage-rounded.svg" alt="أيقونة Apps Outage Rounded" width="24" height="24">

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

أيقونة Apps Outage Rounded في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Apps Outage Rounded

هل أيقونة Apps Outage Rounded مجانية للاستخدام التجاري؟

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

كيف أستخدم أيقونة Apps Outage Rounded في React؟

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

كيف أضيف أيقونة Apps Outage Rounded إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/material-symbols/apps-outage-rounded.svg" alt="أيقونة Apps Outage Rounded">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

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