Monitor Bold icon

solar:monitor-bold

The Monitor Bold icon (solar:monitor-bold) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar 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: Solar
Author: 480 Design
License: CC-BY-4.0
Size: 24 × 24
Category: Devices
Tags: monitorbold

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M8 17C5.17157 17 3.75736 17 2.87868 16.1213C2.30938 15.552 2.10893 14.7579 2.03835 13.5H21.9616C21.8911 14.7579 21.6906 15.552 21.1213 16.1213C20.2426 17 18.8284 17 16 17H12.75V21H16C16.4142 21 16.75 21.3358 16.75 21.75C16.75 22.1642 16.4142 22.5 16 22.5H8C7.58579 22.5 7.25 22.1642 7.25 21.75C7.25 21.3358 7.58579 21 8 21H11.25V17H8Z"/><path d="M10 2H14C17.7712 2 19.6569 2 20.8284 3.17157C22 4.34315 22 6.22876 22 10V11C22 11.5516 22 12.0494 21.9935 12.5H2.00652C2 12.0494 2 11.5516 2 11V10C2 6.22876 2 4.34315 3.17157 3.17157C4.34315 2 6.22876 2 10 2Z"/></g></svg>

How to use the Monitor Bold icon

React

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

<Icon icon="solar:monitor-bold" width="24" />

Vue

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

<template>
  <Icon icon="solar:monitor-bold" width="24" />
</template>

Svelte

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

<Icon icon="solar:monitor-bold" width="24" />

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:monitor-bold"></div>

Web component

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

<iconify-icon icon="solar:monitor-bold"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/solar/monitor-bold.svg" alt="Monitor Bold icon" width="24" height="24">

Related icons in Solar

Monitor Bold icon in other icon sets

Monitor Bold icon FAQ

Is the Monitor Bold icon free for commercial use?

Yes. Solar 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 Monitor Bold icon in React?

Install @iconify/react and render <Icon icon="solar:monitor-bold" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Monitor Bold icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/monitor-bold.svg" alt="Monitor Bold icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →