أيقونة Surgical Mask Fill

ri:surgical-mask-fill

أيقونة Surgical Mask Fill (ri:surgical-mask-fill) أيقونة SVG مجانية من مجموعة Remix Icon من تصميم Remix Design. مرسومة على شبكة 24 × 24. تُنشر Remix Icon icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Remix Icon
المؤلف: Remix Design
الترخيص: Apache-2.0
الحجم: 24 × 24
الفئة: الصحة والطب
الوسوم: surgicalmask، maskfill، surgicalmaskfill

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m12.485 3.121l7.758 1.94a1 1 0 0 1 .757.97V7h1c1.1 0 2 .9 2 2v3a3 3 0 0 1-3 3h-.421a6 6 0 0 1-2.896 3.158l-4.789 2.395a2 2 0 0 1-1.788 0l-4.79-2.395A6 6 0 0 1 3.422 15H3a3 3 0 0 1-3-3V9a2 2 0 0 1 2-2h1v-.97a1 1 0 0 1 .757-.97l7.758-1.939a2 2 0 0 1 .97 0M3 9H2v3a1 1 0 0 0 1 1zm19 0h-1v4a1 1 0 0 0 1-1z"/></svg>

كيفية استخدام أيقونة Surgical Mask Fill

React

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

<Icon icon="ri:surgical-mask-fill" width="24" />

Vue

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

<template>
  <Icon icon="ri:surgical-mask-fill" width="24" />
</template>

Svelte

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

<Icon icon="ri:surgical-mask-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ri--surgical-mask-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ri -->
<div class="i-ri:surgical-mask-fill"></div>

مكوّن ويب

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

<iconify-icon icon="ri:surgical-mask-fill"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/ri/surgical-mask-fill.svg" alt="أيقونة Surgical Mask Fill" width="24" height="24">

أيقونات ذات صلة في Remix Icon

الأسئلة الشائعة حول أيقونة Surgical Mask Fill

هل أيقونة Surgical Mask Fill مجانية للاستخدام التجاري؟

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

كيف أستخدم أيقونة Surgical Mask Fill في React؟

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

كيف أضيف أيقونة Surgical Mask Fill إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/ri/surgical-mask-fill.svg" alt="أيقونة Surgical Mask Fill">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل أيقونات Remix Icon →