desktop signal icon
desktop-signal-24-filled from Fluent UI System Icons by Microsoft Corporation · 24 Filled · MIT Free for personal and commercial use.
- Name
- desktop-signal-24-filled
- Set
- Fluent UI System Icons
- Style
- 24 Filled
- Viewbox
- 24×24
- License
- MIT
3 other variants in Fluent UI System Icons
Related icons in Fluent UI System Icons
desktop-arrow-down-16-filleddesktop-arrow-down-off-20-filleddesktop-arrow-right-16-filleddesktop-checkmark-16-filleddesktop-cursor-16-filleddesktop-edit-16-filleddesktop-flow-20-filleddesktop-keyboard-16-filleddesktop-mac-16-filleddesktop-off-20-filleddesktop-pulse-16-filleddesktop-speaker-20-filleddesktop-speaker-off-20-filleddesktop-sync-16-filleddesktop-tag-20-filleddesktop-toolbox-20-filleddesktop-tower-20-filled
Use the desktop signal icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M15 1.5q-.276 0-.548.017a.75.75 0 0 0 .096 1.497Q14.773 3 15 3a7 7 0 0 1 6.986 7.452a.75.75 0 0 0 1.497.096q.017-.272.017-.548A8.5 8.5 0 0 0 15 1.5M15 4q-.289 0-.57.027a.75.75 0 0 0 .14 1.493q.213-.02.43-.02a4.5 4.5 0 0 1 4.48 4.93a.75.75 0 0 0 1.493.14Q21 10.29 21 10a6 6 0 0 0-6-6m0 2.5q-.325 0-.636.058a.75.75 0 0 0 .271 1.475Q14.813 8 15 8a2 2 0 0 1 1.967 2.364a.75.75 0 0 0 1.475.271q.058-.31.058-.635A3.5 3.5 0 0 0 15 6.5M12.91 3H4.25l-.154.005A2.25 2.25 0 0 0 2 5.25v10.502l.005.154a2.25 2.25 0 0 0 2.245 2.096h4.249V20.5H6.75l-.102.007A.75.75 0 0 0 6.75 22h10.5l.102-.006a.75.75 0 0 0-.102-1.494h-1.751v-2.498h4.25l.154-.005a2.25 2.25 0 0 0 2.096-2.245V12.09a1.8 1.8 0 0 1-.519-.368a1.747 1.747 0 0 1-2.514-.007a1.748 1.748 0 0 1-2.677-.184a2 2 0 0 1-2.818-2.818a1.75 1.75 0 0 1-.185-2.677a1.746 1.746 0 0 1-.007-2.515a1.8 1.8 0 0 1-.368-.52M9.999 18.002h4L14 20.5h-4zM16 10a1 1 0 1 1-2 0a1 1 0 0 1 2 0"/></svg>
React
import type { SVGProps } from "react";
export function FluentDesktopSignal24Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M15 1.5q-.276 0-.548.017a.75.75 0 0 0 .096 1.497Q14.773 3 15 3a7 7 0 0 1 6.986 7.452a.75.75 0 0 0 1.497.096q.017-.272.017-.548A8.5 8.5 0 0 0 15 1.5M15 4q-.289 0-.57.027a.75.75 0 0 0 .14 1.493q.213-.02.43-.02a4.5 4.5 0 0 1 4.48 4.93a.75.75 0 0 0 1.493.14Q21 10.29 21 10a6 6 0 0 0-6-6m0 2.5q-.325 0-.636.058a.75.75 0 0 0 .271 1.475Q14.813 8 15 8a2 2 0 0 1 1.967 2.364a.75.75 0 0 0 1.475.271q.058-.31.058-.635A3.5 3.5 0 0 0 15 6.5M12.91 3H4.25l-.154.005A2.25 2.25 0 0 0 2 5.25v10.502l.005.154a2.25 2.25 0 0 0 2.245 2.096h4.249V20.5H6.75l-.102.007A.75.75 0 0 0 6.75 22h10.5l.102-.006a.75.75 0 0 0-.102-1.494h-1.751v-2.498h4.25l.154-.005a2.25 2.25 0 0 0 2.096-2.245V12.09a1.8 1.8 0 0 1-.519-.368a1.747 1.747 0 0 1-2.514-.007a1.748 1.748 0 0 1-2.677-.184a2 2 0 0 1-2.818-2.818a1.75 1.75 0 0 1-.185-2.677a1.746 1.746 0 0 1-.007-2.515a1.8 1.8 0 0 1-.368-.52M9.999 18.002h4L14 20.5h-4zM16 10a1 1 0 1 1-2 0a1 1 0 0 1 2 0"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M15 1.5q-.276 0-.548.017a.75.75 0 0 0 .096 1.497Q14.773 3 15 3a7 7 0 0 1 6.986 7.452a.75.75 0 0 0 1.497.096q.017-.272.017-.548A8.5 8.5 0 0 0 15 1.5M15 4q-.289 0-.57.027a.75.75 0 0 0 .14 1.493q.213-.02.43-.02a4.5 4.5 0 0 1 4.48 4.93a.75.75 0 0 0 1.493.14Q21 10.29 21 10a6 6 0 0 0-6-6m0 2.5q-.325 0-.636.058a.75.75 0 0 0 .271 1.475Q14.813 8 15 8a2 2 0 0 1 1.967 2.364a.75.75 0 0 0 1.475.271q.058-.31.058-.635A3.5 3.5 0 0 0 15 6.5M12.91 3H4.25l-.154.005A2.25 2.25 0 0 0 2 5.25v10.502l.005.154a2.25 2.25 0 0 0 2.245 2.096h4.249V20.5H6.75l-.102.007A.75.75 0 0 0 6.75 22h10.5l.102-.006a.75.75 0 0 0-.102-1.494h-1.751v-2.498h4.25l.154-.005a2.25 2.25 0 0 0 2.096-2.245V12.09a1.8 1.8 0 0 1-.519-.368a1.747 1.747 0 0 1-2.514-.007a1.748 1.748 0 0 1-2.677-.184a2 2 0 0 1-2.818-2.818a1.75 1.75 0 0 1-.185-2.677a1.746 1.746 0 0 1-.007-2.515a1.8 1.8 0 0 1-.368-.52M9.999 18.002h4L14 20.5h-4zM16 10a1 1 0 1 1-2 0a1 1 0 0 1 2 0"/></svg> </template>
CSS
.icon-desktop-signal-24-filled {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15%201.5q-.276%200-.548.017a.75.75%200%200%200%20.096%201.497Q14.773%203%2015%203a7%207%200%200%201%206.986%207.452a.75.75%200%200%200%201.497.096q.017-.272.017-.548A8.5%208.5%200%200%200%2015%201.5M15%204q-.289%200-.57.027a.75.75%200%200%200%20.14%201.493q.213-.02.43-.02a4.5%204.5%200%200%201%204.48%204.93a.75.75%200%200%200%201.493.14Q21%2010.29%2021%2010a6%206%200%200%200-6-6m0%202.5q-.325%200-.636.058a.75.75%200%200%200%20.271%201.475Q14.813%208%2015%208a2%202%200%200%201%201.967%202.364a.75.75%200%200%200%201.475.271q.058-.31.058-.635A3.5%203.5%200%200%200%2015%206.5M12.91%203H4.25l-.154.005A2.25%202.25%200%200%200%202%205.25v10.502l.005.154a2.25%202.25%200%200%200%202.245%202.096h4.249V20.5H6.75l-.102.007A.75.75%200%200%200%206.75%2022h10.5l.102-.006a.75.75%200%200%200-.102-1.494h-1.751v-2.498h4.25l.154-.005a2.25%202.25%200%200%200%202.096-2.245V12.09a1.8%201.8%200%200%201-.519-.368a1.747%201.747%200%200%201-2.514-.007a1.748%201.748%200%200%201-2.677-.184a2%202%200%200%201-2.818-2.818a1.75%201.75%200%200%201-.185-2.677a1.746%201.746%200%200%201-.007-2.515a1.8%201.8%200%200%201-.368-.52M9.999%2018.002h4L14%2020.5h-4zM16%2010a1%201%200%201%201-2%200a1%201%200%200%201%202%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15%201.5q-.276%200-.548.017a.75.75%200%200%200%20.096%201.497Q14.773%203%2015%203a7%207%200%200%201%206.986%207.452a.75.75%200%200%200%201.497.096q.017-.272.017-.548A8.5%208.5%200%200%200%2015%201.5M15%204q-.289%200-.57.027a.75.75%200%200%200%20.14%201.493q.213-.02.43-.02a4.5%204.5%200%200%201%204.48%204.93a.75.75%200%200%200%201.493.14Q21%2010.29%2021%2010a6%206%200%200%200-6-6m0%202.5q-.325%200-.636.058a.75.75%200%200%200%20.271%201.475Q14.813%208%2015%208a2%202%200%200%201%201.967%202.364a.75.75%200%200%200%201.475.271q.058-.31.058-.635A3.5%203.5%200%200%200%2015%206.5M12.91%203H4.25l-.154.005A2.25%202.25%200%200%200%202%205.25v10.502l.005.154a2.25%202.25%200%200%200%202.245%202.096h4.249V20.5H6.75l-.102.007A.75.75%200%200%200%206.75%2022h10.5l.102-.006a.75.75%200%200%200-.102-1.494h-1.751v-2.498h4.25l.154-.005a2.25%202.25%200%200%200%202.096-2.245V12.09a1.8%201.8%200%200%201-.519-.368a1.747%201.747%200%200%201-2.514-.007a1.748%201.748%200%200%201-2.677-.184a2%202%200%200%201-2.818-2.818a1.75%201.75%200%200%201-.185-2.677a1.746%201.746%200%200%201-.007-2.515a1.8%201.8%200%200%201-.368-.52M9.999%2018.002h4L14%2020.5h-4zM16%2010a1%201%200%201%201-2%200a1%201%200%200%201%202%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/desktop-signal-24-filled.svg?color=%231a73e8&size=48
