ICONYZ
العربية
أيقونة Account Box من Material Design Iconic Font

أيقونة Account Box

zmdi:account-box

أيقونة Account Box (zmdi:account-box) أيقونة SVG مجانية من مجموعة Material Design Iconic Font من تصميم MDI Community. مرسومة على شبكة 384 × 384. تُنشر Material Design Iconic Font icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Material Design Iconic Font
المؤلف
MDI Community
الترخيص
OFL-1.1
الحجم
384 × 384
الوسوم
accountbox
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="384" height="384" viewBox="0 0 384 384"><path fill="currentColor" d="M0 43q0-18 12.5-30.5T43 0h298q18 0 30.5 12.5T384 43v298q0 18-12.5 30.5T341 384H43q-18 0-30.5-12.5T0 341zm256 85q0-27-18.5-45.5T192 64t-45.5 18.5T128 128t18.5 45.5T192 192t45.5-18.5T256 128M64 299v21h256v-21q0-20-23.5-36T244 240t-52-7t-52 7t-52.5 23T64 299"/></svg>

كيفية استخدام أيقونة Account Box

React

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

<Icon icon="zmdi:account-box" width="24" />

Vue

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

<template>
  <Icon icon="zmdi:account-box" width="24" />
</template>

Svelte

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

<Icon icon="zmdi:account-box" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[zmdi--account-box]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/zmdi -->
<div class="i-zmdi:account-box"></div>

مكوّن ويب

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

<iconify-icon icon="zmdi:account-box"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/zmdi/account-box.svg" alt="أيقونة Account Box" width="24" height="24">

أيقونات ذات صلة في Material Design Iconic Font

أيقونة Account Box في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Account Box

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

نعم. تُنشر Material Design Iconic Font icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Account Box في React؟

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

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

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

تصفح كل أيقونات Material Design Iconic Font →