أيقونة User Interface
flat-ui:user-interface
أيقونة User Interface (flat-ui:user-interface) أيقونة SVG مجانية من مجموعة Flat UI Icons من تصميم Designmodo, Inc.. مرسومة على شبكة 100 × 100. تُنشر Flat UI Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Flat UI Icons
- المؤلف
- Designmodo, Inc.
- الترخيص
- MIT
- الحجم
- 100 × 100
- الوسوم
- userinterface
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="#EBEDEE" d="M4 0h92a4 4 0 0 1 4 4v92a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4"/><path fill="#fff" d="M10 20h80v70H10z"/><path fill="#E74C3C" d="M13 7a3 3 0 1 1 0 6a3 3 0 0 1 0-6"/><path fill="#F39C12" d="M23 7a3 3 0 1 1 0 6a3 3 0 0 1 0-6"/><path fill="#17A085" d="M33 7a3 3 0 1 1 0 6a3 3 0 0 1 0-6"/><path fill="#fff" d="M45 7h45v6H45z"/><path fill="#BDC3C7" d="M20 45v5h25v-5zm0 15h25v-5H20zm0 10h25v-5H20zm0 10h25v-5H20z"/><path fill="#1ABC9C" d="M20 30h60v10H20z"/><path fill="#BDC3C7" d="M50 45v15h30V45zm0 35h30V65H50z"/></svg>كيفية استخدام أيقونة User Interface
React
import { Icon } from "@iconify/react";
<Icon icon="flat-ui:user-interface" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="flat-ui:user-interface" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="flat-ui:user-interface" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[flat-ui--user-interface]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/flat-ui -->
<div class="i-flat-ui:user-interface"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="flat-ui:user-interface"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/flat-ui/user-interface.svg" alt="أيقونة User Interface" width="24" height="24">الأسئلة الشائعة حول أيقونة User Interface
هل أيقونة User Interface مجانية للاستخدام التجاري؟
نعم. تُنشر Flat UI Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة User Interface في React؟
ثبّت @iconify/react واعرض <Icon icon="flat-ui:user-interface" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة User Interface إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/flat-ui/user-interface.svg" alt="أيقونة User Interface">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.