أيقونة Medical Box
icon-park:medical-box
أيقونة Medical Box (icon-park:medical-box) أيقونة SVG مجانية من مجموعة IconPark من تصميم ByteDance. مرسومة على شبكة 48 × 48. تُنشر IconPark icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- IconPark
- المؤلف
- ByteDance
- الترخيص
- Apache-2.0
- الحجم
- 48 × 48
- الفئة
- الصحة
- الوسوم
- medicalbox
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-width="4"><path fill="#2F88FF" stroke="#000" stroke-linejoin="round" d="M41 17H7C5.89543 17 5 17.8954 5 19L5.00003 39C5.00003 40.1046 5.89546 41 7.00002 41H41C42.1046 41 43 40.1046 43 39V19C43 17.8954 42.1046 17 41 17Z"/><path fill="#2F88FF" stroke="#000" stroke-linejoin="round" d="M34 7H14L14 17H34V7Z"/><path stroke="#fff" stroke-linecap="round" d="M19 29H29"/><path stroke="#fff" stroke-linecap="round" d="M24 24V34"/></g></svg>
كيفية استخدام أيقونة Medical Box
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:medical-box" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:medical-box" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:medical-box" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--medical-box]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:medical-box"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:medical-box"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/icon-park/medical-box.svg" alt="أيقونة Medical Box" width="24" height="24">
أيقونات ذات صلة في IconPark
أيقونة Medical Box في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Medical Box
هل أيقونة Medical Box مجانية للاستخدام التجاري؟
نعم. تُنشر IconPark icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Medical Box في React؟
ثبّت @iconify/react واعرض <Icon icon="icon-park:medical-box" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Medical Box إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/icon-park/medical-box.svg" alt="أيقونة Medical Box">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات IconPark →
ICONYZ
