plug disconnected icon
plug-disconnected-20-filled from Fluent UI System Icons by Microsoft Corporation · 20 Filled · MIT Free for personal and commercial use.
- Name
- plug-disconnected-20-filled
- Set
- Fluent UI System Icons
- Style
- 20 Filled
- Viewbox
- 20×20
- 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 20 20"><path fill="currentColor" d="M17.78 2.22a.75.75 0 0 1 0 1.06l-1.445 1.446a4.04 4.04 0 0 1-.481 5.127l-.3.3l-.003.003l-.309.309a1.05 1.05 0 0 1-1.484 0L9.535 6.242a1.05 1.05 0 0 1 0-1.485l.611-.61q.263-.262.557-.466a4.04 4.04 0 0 1 4.571-.016L16.72 2.22a.75.75 0 0 1 1.06 0m-9 6.25a.75.75 0 0 1 0 1.06l-1.27 1.272l1.69 1.69l1.27-1.272a.75.75 0 1 1 1.061 1.06l-1.276 1.277a1.49 1.49 0 0 1-.1 1.997l-.3.3a4.04 4.04 0 0 1-5.128.48L3.28 17.78a.75.75 0 0 1-1.06-1.06l1.445-1.446a4.04 4.04 0 0 1 .481-5.127l.3-.3a1.49 1.49 0 0 1 1.997-.1L7.72 8.47a.75.75 0 0 1 1.06 0"/></svg>
React
import type { SVGProps } from "react";
export function FluentPlugDisconnected20Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M17.78 2.22a.75.75 0 0 1 0 1.06l-1.445 1.446a4.04 4.04 0 0 1-.481 5.127l-.3.3l-.003.003l-.309.309a1.05 1.05 0 0 1-1.484 0L9.535 6.242a1.05 1.05 0 0 1 0-1.485l.611-.61q.263-.262.557-.466a4.04 4.04 0 0 1 4.571-.016L16.72 2.22a.75.75 0 0 1 1.06 0m-9 6.25a.75.75 0 0 1 0 1.06l-1.27 1.272l1.69 1.69l1.27-1.272a.75.75 0 1 1 1.061 1.06l-1.276 1.277a1.49 1.49 0 0 1-.1 1.997l-.3.3a4.04 4.04 0 0 1-5.128.48L3.28 17.78a.75.75 0 0 1-1.06-1.06l1.445-1.446a4.04 4.04 0 0 1 .481-5.127l.3-.3a1.49 1.49 0 0 1 1.997-.1L7.72 8.47a.75.75 0 0 1 1.06 0"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M17.78 2.22a.75.75 0 0 1 0 1.06l-1.445 1.446a4.04 4.04 0 0 1-.481 5.127l-.3.3l-.003.003l-.309.309a1.05 1.05 0 0 1-1.484 0L9.535 6.242a1.05 1.05 0 0 1 0-1.485l.611-.61q.263-.262.557-.466a4.04 4.04 0 0 1 4.571-.016L16.72 2.22a.75.75 0 0 1 1.06 0m-9 6.25a.75.75 0 0 1 0 1.06l-1.27 1.272l1.69 1.69l1.27-1.272a.75.75 0 1 1 1.061 1.06l-1.276 1.277a1.49 1.49 0 0 1-.1 1.997l-.3.3a4.04 4.04 0 0 1-5.128.48L3.28 17.78a.75.75 0 0 1-1.06-1.06l1.445-1.446a4.04 4.04 0 0 1 .481-5.127l.3-.3a1.49 1.49 0 0 1 1.997-.1L7.72 8.47a.75.75 0 0 1 1.06 0"/></svg> </template>
CSS
.icon-plug-disconnected-20-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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17.78%202.22a.75.75%200%200%201%200%201.06l-1.445%201.446a4.04%204.04%200%200%201-.481%205.127l-.3.3l-.003.003l-.309.309a1.05%201.05%200%200%201-1.484%200L9.535%206.242a1.05%201.05%200%200%201%200-1.485l.611-.61q.263-.262.557-.466a4.04%204.04%200%200%201%204.571-.016L16.72%202.22a.75.75%200%200%201%201.06%200m-9%206.25a.75.75%200%200%201%200%201.06l-1.27%201.272l1.69%201.69l1.27-1.272a.75.75%200%201%201%201.061%201.06l-1.276%201.277a1.49%201.49%200%200%201-.1%201.997l-.3.3a4.04%204.04%200%200%201-5.128.48L3.28%2017.78a.75.75%200%200%201-1.06-1.06l1.445-1.446a4.04%204.04%200%200%201%20.481-5.127l.3-.3a1.49%201.49%200%200%201%201.997-.1L7.72%208.47a.75.75%200%200%201%201.06%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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17.78%202.22a.75.75%200%200%201%200%201.06l-1.445%201.446a4.04%204.04%200%200%201-.481%205.127l-.3.3l-.003.003l-.309.309a1.05%201.05%200%200%201-1.484%200L9.535%206.242a1.05%201.05%200%200%201%200-1.485l.611-.61q.263-.262.557-.466a4.04%204.04%200%200%201%204.571-.016L16.72%202.22a.75.75%200%200%201%201.06%200m-9%206.25a.75.75%200%200%201%200%201.06l-1.27%201.272l1.69%201.69l1.27-1.272a.75.75%200%201%201%201.061%201.06l-1.276%201.277a1.49%201.49%200%200%201-.1%201.997l-.3.3a4.04%204.04%200%200%201-5.128.48L3.28%2017.78a.75.75%200%200%201-1.06-1.06l1.445-1.446a4.04%204.04%200%200%201%20.481-5.127l.3-.3a1.49%201.49%200%200%201%201.997-.1L7.72%208.47a.75.75%200%200%201%201.06%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/plug-disconnected-20-filled.svg?color=%231a73e8&size=48
