Code Monitor 2 icon
streamline-plump:code-monitor-2
The Code Monitor 2 icon (streamline-plump:code-monitor-2) is a free SVG icon from the Plump free icons set by Streamline. It is drawn on a 48 × 48 grid. Plump free icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Plump free icons
- Author
- Streamline
- License
- CC-BY-4.0
- Size
- 48 × 48
- Category
- Programming
- Tags
- codemonitor
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-width="3"><path stroke-linejoin="round" d="m28 35.002l.678 3.392a2 2 0 0 0 1.961 1.608h.901a3 3 0 0 1 2.942 2.412l.04.196a2 2 0 0 1-1.962 2.392H15.44a2 2 0 0 1-1.962-2.392l.04-.196a3 3 0 0 1 2.941-2.412h.9a2 2 0 0 0 1.962-1.608L20 35.002"/><path d="M3.444 30.045c.235 2.527 2.24 4.384 4.774 4.542c3.225.2 8.388.413 15.782.413s12.557-.212 15.782-.413c2.534-.158 4.539-2.015 4.774-4.543c.23-2.476.444-6.107.444-11.044s-.214-8.568-.444-11.044c-.235-2.528-2.24-4.385-4.774-4.543C36.557 3.213 31.394 3 24 3s-12.557.213-15.782.413c-2.534.158-4.539 2.015-4.774 4.543C3.214 10.432 3 14.063 3 19s.214 8.568.444 11.045Z"/><path stroke-linecap="round" stroke-linejoin="round" d="M17.5 3.5v31M9 11h3m11 0h16M9 18h3m11 0h16m-16 7h12"/></g></svg>How to use the Code Monitor 2 icon
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump:code-monitor-2" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump:code-monitor-2" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump:code-monitor-2" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump--code-monitor-2]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump -->
<div class="i-streamline-plump:code-monitor-2"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump:code-monitor-2"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/streamline-plump/code-monitor-2.svg" alt="Code Monitor 2 icon" width="24" height="24">Related icons in Plump free icons
Code Monitor 2 icon in other icon sets
Code Monitor 2 icon FAQ
Is the Code Monitor 2 icon free for commercial use?
Yes. Plump free icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Code Monitor 2 icon in React?
Install @iconify/react and render <Icon icon="streamline-plump:code-monitor-2" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Code Monitor 2 icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/streamline-plump/code-monitor-2.svg" alt="Code Monitor 2 icon">, or paste the SVG code inline to style it with CSS.