Code Monitor 2 icon
streamline-plump-color:code-monitor-2
The Code Monitor 2 icon (streamline-plump-color:code-monitor-2) is a free SVG icon from the Plump color icons set by Streamline. It is drawn on a 48 × 48 grid. Plump color 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 color 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-width="3"><path fill="#8fbffa" d="M28 35.002h-8l-.679 3.392a2 2 0 0 1-1.961 1.608h-.901a3 3 0 0 0-2.942 2.412l-.039.196a2 2 0 0 0 1.961 2.392h17.12a2 2 0 0 0 1.962-2.392l-.04-.196a3 3 0 0 0-2.94-2.412h-.902a2 2 0 0 1-1.961-1.608z"/><path fill="#fff" 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.045"/><path fill="#8fbffa" d="M17.5 3.06v31.88a218 218 0 0 1-9.282-.353c-2.534-.158-4.539-2.015-4.774-4.542C3.214 27.568 3 23.937 3 19s.214-8.568.444-11.044c.235-2.528 2.24-4.385 4.774-4.543c2.18-.135 5.243-.276 9.282-.353"/><path stroke="#2859c5" 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.002M3.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="#2859c5" 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-color:code-monitor-2" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump-color:code-monitor-2" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump-color:code-monitor-2" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--code-monitor-2]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color: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-color:code-monitor-2"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/streamline-plump-color/code-monitor-2.svg" alt="Code Monitor 2 icon" width="24" height="24">Related icons in Plump color 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 color 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-color: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-color/code-monitor-2.svg" alt="Code Monitor 2 icon">, or paste the SVG code inline to style it with CSS.