Fluent Icons

Desktop Signal icon

Used to represent stationary work stations, large screen devices, office, and actions in general computer scenarios. The Desktop Signal icon is part of Microsoft's Fluent UI System Icons, available here in regular and filled styles in 2 sizes from 20 to 24 px. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.

Regular (outlined)

SVG

Filled

SVG
Xceed Toolkit Plus for WPF logoXceed Toolkit Plus for WPFSponsorUpgrade Your WPF UI with Xceed Toolkit Plus

Every size and style

Microsoft draws each size separately so icons stay crisp, rather than scaling one drawing. Pick a style and size to preview it, download it, or copy the code for your platform.

Regular, 24 px

ic_fluent_desktop_signal_24_regular.svg

Desktop Signal icon in React

npm install @fluentui/react-icons

import { DesktopSignal24Regular } from "@fluentui/react-icons";

export function Example() {
  return <DesktopSignal24Regular aria-label="Desktop Signal" />;
}

Desktop Signal icon in SVG

npm install @fluentui/svg-icons

import icon from "@fluentui/svg-icons/icons/desktop_signal_24_regular.svg";

<!-- or load it from a CDN -->
<img src="https://cdn.jsdelivr.net/npm/@fluentui/svg-icons@1.1.341/icons/desktop_signal_24_regular.svg" width="24" height="24" alt="Desktop Signal">

Desktop Signal icon in Blazor

Microsoft's Fluent UI Blazor icons package:

dotnet add package Microsoft.FluentUI.AspNetCore.Components.Icons

<FluentIcon Value="@(new Icons.Regular.Size24.DesktopSignal())" />

Desktop Signal icon in Flutter

flutter pub add fluentui_system_icons

import 'package:fluentui_system_icons/fluentui_system_icons.dart';

Icon(FluentIcons.desktop_signal_24_regular)

Desktop Signal icon in WinUI / WPF

Add FluentSystemIcons-Regular.ttf from Microsoft's repository to your app, then use the glyph:

<!-- WinUI 3 (font in Assets/Fonts) -->
<FontIcon FontFamily="ms-appx:///Assets/Fonts/FluentSystemIcons-Regular.ttf#FluentSystemIcons-Regular" Glyph="&#xE4A3;" FontSize="24" />

<!-- WPF (font in Fonts/, Build Action: Resource) -->
<TextBlock FontFamily="pack://application:,,,/Fonts/#FluentSystemIcons-Regular" Text="&#xE4A3;" FontSize="24" />

Desktop Signal icon in Icon font

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/microsoft/fluentui-system-icons@9cf8af0f95a555918a60b8147a2f33a6a1248442/fonts/FluentSystemIcons-Regular.css">

<i class="icon-ic_fluent_desktop_signal_24_regular"></i>

/* or use the code point in your own CSS */
.icon::before {
  font-family: "FluentSystemIcons-Regular";
  content: "\e4a3";
  font-size: 24px;
}

Desktop Signal icon in Android

// build.gradle
implementation("com.microsoft.design:fluent-system-icons:1.1.341@aar")

<!-- layout XML -->
<ImageView android:src="@drawable/ic_fluent_desktop_signal_24_regular" />

// Kotlin
R.drawable.ic_fluent_desktop_signal_24_regular

Desktop Signal icon in iOS

# Podfile
pod "FluentIcons", "1.1.341"

import FluentIcons

UIImage(fluent: .desktopSignal24Regular)

Desktop Signal icon in Power Apps

Paste into an Image control's Image property. The Copy button copies the full formula with this icon's SVG.

"data:image/svg+xml;utf8, " & EncodeUrl("<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'>…</svg>")

Use the Desktop Signal icon in React

Install Microsoft's @fluentui/react-icons package, then import the component. Icons inherit the current text color, and you can size them with CSS. 

npm install @fluentui/react-icons

import { DesktopSignal24Regular, DesktopSignal24Filled } from "@fluentui/react-icons";

export function Example() {
  return <DesktopSignal24Regular aria-label="Desktop Signal" />;
}

Coding agents can look up this component through the Fluent Icons MCP server.

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_desktop_signal_24_regular.svg" width="24" height="24" alt="Desktop Signal">

Or paste the SVG markup inline. Setting fill="currentColor" makes the icon follow the text color of its parent: 

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15 1.5C14.8161 1.5 14.6335 1.50585 14.4523 1.51739C14.039 1.54371 13.7252 1.90015 13.7515 2.31353C13.7778 2.72691 14.1343 3.04068 14.5477 3.01435C14.6971 3.00484 14.8479 3 15 3C18.866 3 22 6.13401 22 10C22 10.1521 21.9952 10.3029 21.9856 10.4523C21.9593 10.8657 22.2731 11.2222 22.6865 11.2485C23.0998 11.2748 23.4563 10.961 23.4826 10.5477C23.4942 10.3665 23.5 10.1839 23.5 10C23.5 5.30558 19.6944 1.5 15 1.5ZM15 4C14.8078 4 14.6174 4.00906 14.4295 4.02682C14.0171 4.06579 13.7144 4.43167 13.7533 4.84404C13.7923 5.25642 14.1582 5.55914 14.5705 5.52017C14.7117 5.50684 14.8549 5.5 15 5.5C17.4853 5.5 19.5 7.51472 19.5 10C19.5 10.1451 19.4932 10.2883 19.4798 10.4295C19.4409 10.8418 19.7436 11.2077 20.156 11.2467C20.5683 11.2856 20.9342 10.9829 20.9732 10.5705C20.9909 10.3826 21 10.1922 21 10C21 6.68629 18.3137 4 15 4ZM15 6.5C14.7836 6.5 14.5711 6.51973 14.3645 6.55768C13.9571 6.63252 13.6875 7.02344 13.7623 7.43084C13.8372 7.83824 14.2281 8.10784 14.6355 8.033C14.7531 8.01139 14.8749 8 15 8C16.1046 8 17 8.89543 17 10C17 10.1251 16.9886 10.2469 16.967 10.3645C16.8922 10.7719 17.1618 11.1628 17.5692 11.2377C17.9766 11.3125 18.3675 11.0429 18.4423 10.6355C18.4803 10.4289 18.5 10.2164 18.5 10C18.5 8.067 16.933 6.5 15 6.5ZM12.9107 3H4.25L4.09595 3.00519C2.92516 3.08436 2 4.05914 2 5.25V15.7523L2.00519 15.9063C2.08436 17.0771 3.05914 18.0023 4.25 18.0023L8.499 18.002V20.5L6.75 20.5004L6.64823 20.5073C6.28215 20.5569 6 20.8707 6 21.2504C6 21.6647 6.33579 22.0004 6.75 22.0004H17.25L17.3518 21.9936C17.7178 21.9439 18 21.6301 18 21.2504C18 20.8362 17.6642 20.5004 17.25 20.5004L15.499 20.5V18.002L19.7488 18.0023L19.9029 17.9971C21.0737 17.9179 21.9988 16.9431 21.9988 15.7523V12.089C21.8033 11.9985 21.628 11.8731 21.4803 11.7214C21.2205 11.9879 20.8778 12.1702 20.4988 12.2296V15.7523L20.492 15.854C20.4423 16.2201 20.1285 16.5023 19.7488 16.5023H4.25L4.14823 16.4954C3.78215 16.4458 3.5 16.132 3.5 15.7523V5.25L3.50685 5.14823C3.55651 4.78215 3.8703 4.5 4.25 4.5H12.7712C12.8308 4.12173 13.013 3.77958 13.2791 3.52014C13.1269 3.37205 13.0013 3.19618 12.9107 3ZM13.998 18.002L13.999 20.5004H9.999L9.998 18.002H13.998ZM16 10C16 10.5523 15.5523 11 15 11C14.4477 11 14 10.5523 14 10C14 9.44772 14.4477 9 15 9C15.5523 9 16 9.44772 16 10Z" fill="currentColor"/></svg>

Details

NameDesktop Signal
StylesRegular (outlined), Filled
Sizes20 px, 24 px
Regular (outlined) fileic_fluent_desktop_signal_24_regular.svg
Filled fileic_fluent_desktop_signal_24_filled.svg
React (Regular)DesktopSignal20Regular, DesktopSignal24Regular
React (Filled)DesktopSignal20Filled, DesktopSignal24Filled
LicenseMIT (© Microsoft Corporation)

Keywords

monitorofficetowerpclarge screen

Related icons

DesktopDesktop Arrow DownDesktop Arrow RightDesktop CheckmarkDesktop CursorDesktop EditDesktop FlowDesktop KeyboardDesktop MacDesktop OffDesktop PulseDesktop Speaker