ICONYZ
العربية
أيقونة Material Ui من SVG Logos

أيقونة Material Ui

logos:material-ui

أيقونة Material Ui (logos:material-ui) أيقونة SVG مجانية من مجموعة SVG Logos من تصميم Gil Barbara. مرسومة على شبكة 256 × 222. تُنشر SVG Logos icons بموجب ترخيص CC0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
SVG Logos
المؤلف
Gil Barbara
الترخيص
CC0-1.0
الحجم
256 × 222
الوسوم
materialui
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="222" viewBox="0 0 256 222"><path fill="#007fff" d="M215.771 151.107a7.11 7.11 0 0 0 3.57-6.144l.128-41.153a7.11 7.11 0 0 1 3.57-6.145l22.308-12.814A7.11 7.11 0 0 1 256 91.016v74.818a7.11 7.11 0 0 1-3.57 6.166l-84.19 48.357a7.11 7.11 0 0 1-7.07.007l-66.07-37.79a7.11 7.11 0 0 1-3.585-6.172v-37.726c0-.042.05-.07.093-.05c.035.022.085 0 .085-.05v-.042c0-.028.014-.057.043-.071l54.416-31.261c.05-.029.028-.107-.029-.107a.057.057 0 0 1-.057-.057l.107-36.986a7.111 7.111 0 0 0-10.667-6.187L95.064 87.17a7.11 7.11 0 0 1-7.097 0l-40.57-23.36a7.11 7.11 0 0 0-10.66 6.158v66.846a7.11 7.11 0 0 1-10.638 6.18L3.584 130.12A7.11 7.11 0 0 1 0 123.935L.2 7.095A7.11 7.11 0 0 1 10.851.946L87.974 45.24a7.11 7.11 0 0 0 7.083 0l77.1-44.296a7.11 7.11 0 0 1 10.653 6.172v116.867a7.11 7.11 0 0 1-3.562 6.166l-40.378 23.254a7.111 7.111 0 0 0 .028 12.338l22.273 12.68a7.11 7.11 0 0 0 7.061-.015zm4.672-104.835a7.111 7.111 0 0 0 10.767 6.094l21.334-12.8A7.11 7.11 0 0 0 256 33.472V7.387A7.111 7.111 0 0 0 245.233 1.3L223.9 14.1a7.11 7.11 0 0 0-3.457 6.095v26.084z"/></svg>

كيفية استخدام أيقونة Material Ui

React

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

<Icon icon="logos:material-ui" width="24" />

Vue

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

<template>
  <Icon icon="logos:material-ui" width="24" />
</template>

Svelte

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

<Icon icon="logos:material-ui" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--material-ui]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:material-ui"></div>

مكوّن ويب

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

<iconify-icon icon="logos:material-ui"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/logos/material-ui.svg" alt="أيقونة Material Ui" width="24" height="24">

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

أيقونة materializecss
materializecss

أيقونة Material Ui في مجموعات أخرى

أيقونة Material Ui من Material Design Icons
Material Design Icons
 أيقونة Material Ui من theSVG Color
theSVG Color

الأسئلة الشائعة حول أيقونة Material Ui

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

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

كيف أستخدم أيقونة Material Ui في React؟

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

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

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

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