plug connected icon

plug-connected-48-regular from Fluent UI System Icons by Microsoft Corporation · 48 Regular · MIT Free for personal and commercial use.

Name
plug-connected-48-regular
Set
Fluent UI System Icons
Style
48 Regular
Viewbox
48×48
License
MIT

11 other variants in Fluent UI System Icons

plug-connected-16-filledplug-connected-16-regularplug-connected-20-filledplug-connected-20-regularplug-connected-24-filledplug-connected-24-regularplug-connected-28-filledplug-connected-28-regularplug-connected-32-filledplug-connected-32-regularplug-connected-48-filled

The same icon in other sets

plug-connectedTabler Icons

Related icons in Fluent UI System Icons

plug-connected-add-20-filledplug-connected-checkmark-20-filledplug-connected-settings-20-filledplug-disconnected-16-filled

Use the plug connected icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="m21.515 9.514l-1.27 1.27a4.25 4.25 0 0 0 0 6.01l10.96 10.96a4.25 4.25 0 0 0 6.01 0l1.27-1.27c4.388-4.387 4.667-11.327.839-16.04l4.31-4.31a1.25 1.25 0 1 0-1.768-1.768l-4.31 4.31c-4.713-3.83-11.654-3.55-16.041.838m.497 3.038l1.27-1.27a9.5 9.5 0 0 1 13.435 13.435l-1.27 1.27a1.75 1.75 0 0 1-2.474 0l-10.96-10.96a1.75 1.75 0 0 1 0-2.475m4.473 25.933l1.27-1.27a4.25 4.25 0 0 0 0-6.01l-10.96-10.96a4.25 4.25 0 0 0-6.01 0l-1.27 1.27c-4.388 4.388-4.667 11.328-.839 16.041l-4.31 4.31a1.25 1.25 0 0 0 1.768 1.767l4.31-4.31c4.713 3.83 11.654 3.55 16.042-.838m-.497-3.038l-1.27 1.27a9.5 9.5 0 0 1-13.435-13.434l1.27-1.27a1.75 1.75 0 0 1 2.474 0l10.96 10.96a1.75 1.75 0 0 1 0 2.474"/></svg>

React

import type { SVGProps } from "react";

export function FluentPlugConnected48Regular(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="m21.515 9.514l-1.27 1.27a4.25 4.25 0 0 0 0 6.01l10.96 10.96a4.25 4.25 0 0 0 6.01 0l1.27-1.27c4.388-4.387 4.667-11.327.839-16.04l4.31-4.31a1.25 1.25 0 1 0-1.768-1.768l-4.31 4.31c-4.713-3.83-11.654-3.55-16.041.838m.497 3.038l1.27-1.27a9.5 9.5 0 0 1 13.435 13.435l-1.27 1.27a1.75 1.75 0 0 1-2.474 0l-10.96-10.96a1.75 1.75 0 0 1 0-2.475m4.473 25.933l1.27-1.27a4.25 4.25 0 0 0 0-6.01l-10.96-10.96a4.25 4.25 0 0 0-6.01 0l-1.27 1.27c-4.388 4.388-4.667 11.328-.839 16.041l-4.31 4.31a1.25 1.25 0 0 0 1.768 1.767l4.31-4.31c4.713 3.83 11.654 3.55 16.042-.838m-.497-3.038l-1.27 1.27a9.5 9.5 0 0 1-13.435-13.434l1.27-1.27a1.75 1.75 0 0 1 2.474 0l10.96 10.96a1.75 1.75 0 0 1 0 2.474"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="m21.515 9.514l-1.27 1.27a4.25 4.25 0 0 0 0 6.01l10.96 10.96a4.25 4.25 0 0 0 6.01 0l1.27-1.27c4.388-4.387 4.667-11.327.839-16.04l4.31-4.31a1.25 1.25 0 1 0-1.768-1.768l-4.31 4.31c-4.713-3.83-11.654-3.55-16.041.838m.497 3.038l1.27-1.27a9.5 9.5 0 0 1 13.435 13.435l-1.27 1.27a1.75 1.75 0 0 1-2.474 0l-10.96-10.96a1.75 1.75 0 0 1 0-2.475m4.473 25.933l1.27-1.27a4.25 4.25 0 0 0 0-6.01l-10.96-10.96a4.25 4.25 0 0 0-6.01 0l-1.27 1.27c-4.388 4.388-4.667 11.328-.839 16.041l-4.31 4.31a1.25 1.25 0 0 0 1.768 1.767l4.31-4.31c4.713 3.83 11.654 3.55 16.042-.838m-.497-3.038l-1.27 1.27a9.5 9.5 0 0 1-13.435-13.434l1.27-1.27a1.75 1.75 0 0 1 2.474 0l10.96 10.96a1.75 1.75 0 0 1 0 2.474"/></svg>
</template>

CSS

.icon-plug-connected-48-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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m21.515%209.514l-1.27%201.27a4.25%204.25%200%200%200%200%206.01l10.96%2010.96a4.25%204.25%200%200%200%206.01%200l1.27-1.27c4.388-4.387%204.667-11.327.839-16.04l4.31-4.31a1.25%201.25%200%201%200-1.768-1.768l-4.31%204.31c-4.713-3.83-11.654-3.55-16.041.838m.497%203.038l1.27-1.27a9.5%209.5%200%200%201%2013.435%2013.435l-1.27%201.27a1.75%201.75%200%200%201-2.474%200l-10.96-10.96a1.75%201.75%200%200%201%200-2.475m4.473%2025.933l1.27-1.27a4.25%204.25%200%200%200%200-6.01l-10.96-10.96a4.25%204.25%200%200%200-6.01%200l-1.27%201.27c-4.388%204.388-4.667%2011.328-.839%2016.041l-4.31%204.31a1.25%201.25%200%200%200%201.768%201.767l4.31-4.31c4.713%203.83%2011.654%203.55%2016.042-.838m-.497-3.038l-1.27%201.27a9.5%209.5%200%200%201-13.435-13.434l1.27-1.27a1.75%201.75%200%200%201%202.474%200l10.96%2010.96a1.75%201.75%200%200%201%200%202.474%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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m21.515%209.514l-1.27%201.27a4.25%204.25%200%200%200%200%206.01l10.96%2010.96a4.25%204.25%200%200%200%206.01%200l1.27-1.27c4.388-4.387%204.667-11.327.839-16.04l4.31-4.31a1.25%201.25%200%201%200-1.768-1.768l-4.31%204.31c-4.713-3.83-11.654-3.55-16.041.838m.497%203.038l1.27-1.27a9.5%209.5%200%200%201%2013.435%2013.435l-1.27%201.27a1.75%201.75%200%200%201-2.474%200l-10.96-10.96a1.75%201.75%200%200%201%200-2.475m4.473%2025.933l1.27-1.27a4.25%204.25%200%200%200%200-6.01l-10.96-10.96a4.25%204.25%200%200%200-6.01%200l-1.27%201.27c-4.388%204.388-4.667%2011.328-.839%2016.041l-4.31%204.31a1.25%201.25%200%200%200%201.768%201.767l4.31-4.31c4.713%203.83%2011.654%203.55%2016.042-.838m-.497-3.038l-1.27%201.27a9.5%209.5%200%200%201-13.435-13.434l1.27-1.27a1.75%201.75%200%200%201%202.474%200l10.96%2010.96a1.75%201.75%200%200%201%200%202.474%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/plug-connected-48-regular.svg?color=%231a73e8&size=48