plug disconnected icon
plug-disconnected-24-regular from Fluent UI System Icons by Microsoft Corporation · 24 Regular · MIT Free for personal and commercial use.
- Name
- plug-disconnected-24-regular
- Set
- Fluent UI System Icons
- Style
- 24 Regular
- Viewbox
- 24×24
- License
- MIT
9 other variants in Fluent UI System Icons
Related icons in Fluent UI System Icons
Use the plug disconnected icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.78 3.28a.75.75 0 0 0-1.06-1.06l-2.012 2.012a4.25 4.25 0 0 0-5.463.462l-1.068 1.069a1.75 1.75 0 0 0 0 2.474l3.585 3.586a1.75 1.75 0 0 0 2.475 0l1.068-1.068a4.25 4.25 0 0 0 .463-5.463zm-3.585 2.475l.022.023l.003.002l.002.003l.023.022a2.75 2.75 0 0 1 0 3.89l-1.068 1.067a.25.25 0 0 1-.354 0l-3.586-3.585a.25.25 0 0 1 0-.354l1.068-1.068a2.75 2.75 0 0 1 3.89 0M10.78 11.28a.75.75 0 1 0-1.06-1.06L8 11.94l-.47-.47a.75.75 0 0 0-1.06 0l-1.775 1.775a4.25 4.25 0 0 0-.463 5.463L2.22 20.72a.75.75 0 1 0 1.06 1.06l2.012-2.012a4.25 4.25 0 0 0 5.463-.463l1.775-1.775a.75.75 0 0 0 0-1.06l-.47-.47l1.72-1.72a.75.75 0 1 0-1.06-1.06L11 14.94L9.06 13zm-3.314 2.247l.004.003l.003.004l2.993 2.993l.004.003l.003.004l.466.466l-1.244 1.245a2.75 2.75 0 0 1-3.89 0l-.05-.05a2.75 2.75 0 0 1 0-3.89L7 13.062z"/></svg>
React
import type { SVGProps } from "react";
export function FluentPlugDisconnected24Regular(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="M21.78 3.28a.75.75 0 0 0-1.06-1.06l-2.012 2.012a4.25 4.25 0 0 0-5.463.462l-1.068 1.069a1.75 1.75 0 0 0 0 2.474l3.585 3.586a1.75 1.75 0 0 0 2.475 0l1.068-1.068a4.25 4.25 0 0 0 .463-5.463zm-3.585 2.475l.022.023l.003.002l.002.003l.023.022a2.75 2.75 0 0 1 0 3.89l-1.068 1.067a.25.25 0 0 1-.354 0l-3.586-3.585a.25.25 0 0 1 0-.354l1.068-1.068a2.75 2.75 0 0 1 3.89 0M10.78 11.28a.75.75 0 1 0-1.06-1.06L8 11.94l-.47-.47a.75.75 0 0 0-1.06 0l-1.775 1.775a4.25 4.25 0 0 0-.463 5.463L2.22 20.72a.75.75 0 1 0 1.06 1.06l2.012-2.012a4.25 4.25 0 0 0 5.463-.463l1.775-1.775a.75.75 0 0 0 0-1.06l-.47-.47l1.72-1.72a.75.75 0 1 0-1.06-1.06L11 14.94L9.06 13zm-3.314 2.247l.004.003l.003.004l2.993 2.993l.004.003l.003.004l.466.466l-1.244 1.245a2.75 2.75 0 0 1-3.89 0l-.05-.05a2.75 2.75 0 0 1 0-3.89L7 13.062z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.78 3.28a.75.75 0 0 0-1.06-1.06l-2.012 2.012a4.25 4.25 0 0 0-5.463.462l-1.068 1.069a1.75 1.75 0 0 0 0 2.474l3.585 3.586a1.75 1.75 0 0 0 2.475 0l1.068-1.068a4.25 4.25 0 0 0 .463-5.463zm-3.585 2.475l.022.023l.003.002l.002.003l.023.022a2.75 2.75 0 0 1 0 3.89l-1.068 1.067a.25.25 0 0 1-.354 0l-3.586-3.585a.25.25 0 0 1 0-.354l1.068-1.068a2.75 2.75 0 0 1 3.89 0M10.78 11.28a.75.75 0 1 0-1.06-1.06L8 11.94l-.47-.47a.75.75 0 0 0-1.06 0l-1.775 1.775a4.25 4.25 0 0 0-.463 5.463L2.22 20.72a.75.75 0 1 0 1.06 1.06l2.012-2.012a4.25 4.25 0 0 0 5.463-.463l1.775-1.775a.75.75 0 0 0 0-1.06l-.47-.47l1.72-1.72a.75.75 0 1 0-1.06-1.06L11 14.94L9.06 13zm-3.314 2.247l.004.003l.003.004l2.993 2.993l.004.003l.003.004l.466.466l-1.244 1.245a2.75 2.75 0 0 1-3.89 0l-.05-.05a2.75 2.75 0 0 1 0-3.89L7 13.062z"/></svg> </template>
CSS
.icon-plug-disconnected-24-regular {
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%22M21.78%203.28a.75.75%200%200%200-1.06-1.06l-2.012%202.012a4.25%204.25%200%200%200-5.463.462l-1.068%201.069a1.75%201.75%200%200%200%200%202.474l3.585%203.586a1.75%201.75%200%200%200%202.475%200l1.068-1.068a4.25%204.25%200%200%200%20.463-5.463zm-3.585%202.475l.022.023l.003.002l.002.003l.023.022a2.75%202.75%200%200%201%200%203.89l-1.068%201.067a.25.25%200%200%201-.354%200l-3.586-3.585a.25.25%200%200%201%200-.354l1.068-1.068a2.75%202.75%200%200%201%203.89%200M10.78%2011.28a.75.75%200%201%200-1.06-1.06L8%2011.94l-.47-.47a.75.75%200%200%200-1.06%200l-1.775%201.775a4.25%204.25%200%200%200-.463%205.463L2.22%2020.72a.75.75%200%201%200%201.06%201.06l2.012-2.012a4.25%204.25%200%200%200%205.463-.463l1.775-1.775a.75.75%200%200%200%200-1.06l-.47-.47l1.72-1.72a.75.75%200%201%200-1.06-1.06L11%2014.94L9.06%2013zm-3.314%202.247l.004.003l.003.004l2.993%202.993l.004.003l.003.004l.466.466l-1.244%201.245a2.75%202.75%200%200%201-3.89%200l-.05-.05a2.75%202.75%200%200%201%200-3.89L7%2013.062z%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%22M21.78%203.28a.75.75%200%200%200-1.06-1.06l-2.012%202.012a4.25%204.25%200%200%200-5.463.462l-1.068%201.069a1.75%201.75%200%200%200%200%202.474l3.585%203.586a1.75%201.75%200%200%200%202.475%200l1.068-1.068a4.25%204.25%200%200%200%20.463-5.463zm-3.585%202.475l.022.023l.003.002l.002.003l.023.022a2.75%202.75%200%200%201%200%203.89l-1.068%201.067a.25.25%200%200%201-.354%200l-3.586-3.585a.25.25%200%200%201%200-.354l1.068-1.068a2.75%202.75%200%200%201%203.89%200M10.78%2011.28a.75.75%200%201%200-1.06-1.06L8%2011.94l-.47-.47a.75.75%200%200%200-1.06%200l-1.775%201.775a4.25%204.25%200%200%200-.463%205.463L2.22%2020.72a.75.75%200%201%200%201.06%201.06l2.012-2.012a4.25%204.25%200%200%200%205.463-.463l1.775-1.775a.75.75%200%200%200%200-1.06l-.47-.47l1.72-1.72a.75.75%200%201%200-1.06-1.06L11%2014.94L9.06%2013zm-3.314%202.247l.004.003l.003.004l2.993%202.993l.004.003l.003.004l.466.466l-1.244%201.245a2.75%202.75%200%200%201-3.89%200l-.05-.05a2.75%202.75%200%200%201%200-3.89L7%2013.062z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/plug-disconnected-24-regular.svg?color=%231a73e8&size=48
