ICONYZ
العربية
أيقونة Monitor Camera من IconPark

أيقونة Monitor Camera

icon-park:monitor-camera

أيقونة Monitor Camera (icon-park:monitor-camera) أيقونة SVG مجانية من مجموعة IconPark من تصميم ByteDance. مرسومة على شبكة 48 × 48. تُنشر IconPark icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
IconPark
المؤلف
ByteDance
الترخيص
Apache-2.0
الحجم
48 × 48
الفئة
العتاد
الوسوم
monitorcamera
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-linejoin="round" stroke-width="4"><path fill="#2F88FF" stroke="#000" d="M24 34C32.2843 34 39 27.2843 39 19C39 10.7157 32.2843 4 24 4C15.7157 4 9 10.7157 9 19C9 27.2843 15.7157 34 24 34Z"/><path fill="#43CCF8" stroke="#fff" d="M24 25C27.3137 25 30 22.3137 30 19C30 15.6863 27.3137 13 24 13C20.6863 13 18 15.6863 18 19C18 22.3137 20.6863 25 24 25Z"/><path stroke="#000" stroke-linecap="round" d="M19.3686 34L16 44H32L28.6037 34H19.3686Z" clip-rule="evenodd"/><path stroke="#000" stroke-linecap="round" d="M12 44H36"/></g></svg>

كيفية استخدام أيقونة Monitor Camera

React

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

<Icon icon="icon-park:monitor-camera" width="24" />

Vue

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

<template>
  <Icon icon="icon-park:monitor-camera" width="24" />
</template>

Svelte

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

<Icon icon="icon-park:monitor-camera" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--monitor-camera]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:monitor-camera"></div>

مكوّن ويب

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

<iconify-icon icon="icon-park:monitor-camera"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/icon-park/monitor-camera.svg" alt="أيقونة Monitor Camera" width="24" height="24">

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

أيقونة Monitor Camera في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Monitor Camera

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

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

كيف أستخدم أيقونة Monitor Camera في React؟

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

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

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/icon-park/monitor-camera.svg" alt="أيقونة Monitor Camera">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

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