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 filled and regular (outlined) styles on a 24 px grid. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.
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" />;
}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>Use it from the SVG package
Microsoft's @fluentui/svg-icons package contains the raw SVG files, which works well with bundlers that import SVGs:
npm install @fluentui/svg-icons
import icon from "@fluentui/svg-icons/icons/desktop_signal_24_regular.svg";Details
| Name | Desktop Signal |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_desktop_signal_24_regular.svg |
| Filled file | ic_fluent_desktop_signal_24_filled.svg |
| React components | DesktopSignal24Regular, DesktopSignal24Filled |
| License | MIT (© Microsoft Corporation) |