أيقونة Code Monitor 2 Flat

streamline-plump-color:code-monitor-2-flat

أيقونة Code Monitor 2 Flat (streamline-plump-color:code-monitor-2-flat) أيقونة SVG مجانية من مجموعة Plump color icons من تصميم Streamline. مرسومة على شبكة 48 × 48. تُنشر Plump color icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Plump color icons
المؤلف: Streamline
الترخيص: CC-BY-4.0
الحجم: 48 × 48
الفئة: البرمجة
الوسوم: codemonitor، monitorflat، codemonitorflat

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path fill="#2859c5" fill-rule="evenodd" d="M28.5 33.438a.5.5 0 0 0-.495-.438h-8a.5.5 0 0 0-.496.438l-.781 6.248A1.5 1.5 0 0 1 17.239 41h-2.85a2.42 2.42 0 0 0-2.297 1.656A1.78 1.78 0 0 0 13.782 45h20.445a1.78 1.78 0 0 0 1.69-2.344A2.42 2.42 0 0 0 33.62 41h-2.85a1.5 1.5 0 0 1-1.488-1.314z" clip-rule="evenodd"/><path fill="#8fbffa" fill-rule="evenodd" d="M8.125 36.084c3.259.203 8.452.416 15.875.416s12.616-.213 15.875-.416c3.236-.201 5.868-2.602 6.174-5.9c.235-2.526.451-6.204.451-11.184s-.216-8.658-.45-11.183c-.307-3.299-2.939-5.7-6.175-5.901C36.616 1.713 31.423 1.5 24 1.5s-12.616.213-15.875.416c-3.236.201-5.868 2.602-6.174 5.9C1.716 10.343 1.5 14.02 1.5 19s.216 8.658.45 11.183c.307 3.299 2.939 5.7 6.175 5.901" clip-rule="evenodd"/><path fill="#2859c5" d="M17 1.57v34.86c-3.828-.08-6.76-.215-8.875-.347c-3.236-.2-5.868-2.602-6.174-5.9C1.716 27.657 1.5 23.98 1.5 19s.216-8.657.45-11.183c.307-3.299 2.939-5.7 6.175-5.9A216 216 0 0 1 17 1.568Z"/><path fill="#2859c5" fill-rule="evenodd" d="M23 25.5a1.5 1.5 0 0 1 0-3h12a1.5 1.5 0 0 1 0 3z" clip-rule="evenodd"/><path fill="#2859c5" d="M21.5 17a1.5 1.5 0 0 1 1.5-1.5h16a1.5 1.5 0 0 1 0 3H23a1.5 1.5 0 0 1-1.5-1.5m0-7A1.5 1.5 0 0 1 23 8.5h16a1.5 1.5 0 0 1 0 3H23a1.5 1.5 0 0 1-1.5-1.5"/><path fill="#8fbffa" fill-rule="evenodd" d="M8 8.5a1.5 1.5 0 1 0 0 3h3a1.5 1.5 0 0 0 0-3zm0 7a1.5 1.5 0 0 0 0 3h3a1.5 1.5 0 0 0 0-3z" clip-rule="evenodd"/></g></svg>

كيفية استخدام أيقونة Code Monitor 2 Flat

React

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

<Icon icon="streamline-plump-color:code-monitor-2-flat" width="24" />

Vue

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

<template>
  <Icon icon="streamline-plump-color:code-monitor-2-flat" width="24" />
</template>

Svelte

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

<Icon icon="streamline-plump-color:code-monitor-2-flat" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--code-monitor-2-flat]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color:code-monitor-2-flat"></div>

مكوّن ويب

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

<iconify-icon icon="streamline-plump-color:code-monitor-2-flat"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/streamline-plump-color/code-monitor-2-flat.svg" alt="أيقونة Code Monitor 2 Flat" width="24" height="24">

أيقونات ذات صلة في Plump color icons

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

الأسئلة الشائعة حول أيقونة Code Monitor 2 Flat

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

نعم. تُنشر Plump color icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه.

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

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

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

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/streamline-plump-color/code-monitor-2-flat.svg" alt="أيقونة Code Monitor 2 Flat">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل Plump color icons →