plugs icon

plugs from Phosphor by Phosphor Icons · Regular · MIT Free for personal and commercial use.

Name: plugs
Set: Phosphor
Style: Regular
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

plugs-bold plugs-duotone plugs-fill plugs-light plugs-thin

Related icons in Phosphor

Use the plugs icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M149.66 138.34a8 8 0 0 0-11.32 0L120 156.69L99.31 136l18.35-18.34a8 8 0 0 0-11.32-11.32L88 124.69l-18.34-18.35a8 8 0 0 0-11.32 11.32l6.35 6.34l-23.32 23.31a32 32 0 0 0 0 45.26l5.38 5.37l-28.41 28.4a8 8 0 0 0 11.32 11.32l28.4-28.41l5.37 5.38a32 32 0 0 0 45.26 0L132 191.31l6.34 6.35a8 8 0 0 0 11.32-11.32L131.31 168l18.35-18.34a8 8 0 0 0 0-11.32m-52.29 65a16 16 0 0 1-22.62 0l-22.06-22.09a16 16 0 0 1 0-22.62L76 135.31L120.69 180Zm140.29-185a8 8 0 0 0-11.32 0l-28.4 28.41l-5.37-5.38a32.05 32.05 0 0 0-45.26 0L124 64.69l-6.34-6.35a8 8 0 0 0-11.32 11.32l80 80a8 8 0 0 0 11.32-11.32l-6.35-6.34l23.32-23.31a32 32 0 0 0 0-45.26l-5.38-5.37l28.41-28.4a8 8 0 0 0 0-11.32m-34.35 79L180 120.69L135.31 76l23.32-23.31a16 16 0 0 1 22.62 0l22.06 22a16 16 0 0 1 0 22.68Z"/></svg>

React

import type { SVGProps } from "react";

export function PhPlugs(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M149.66 138.34a8 8 0 0 0-11.32 0L120 156.69L99.31 136l18.35-18.34a8 8 0 0 0-11.32-11.32L88 124.69l-18.34-18.35a8 8 0 0 0-11.32 11.32l6.35 6.34l-23.32 23.31a32 32 0 0 0 0 45.26l5.38 5.37l-28.41 28.4a8 8 0 0 0 11.32 11.32l28.4-28.41l5.37 5.38a32 32 0 0 0 45.26 0L132 191.31l6.34 6.35a8 8 0 0 0 11.32-11.32L131.31 168l18.35-18.34a8 8 0 0 0 0-11.32m-52.29 65a16 16 0 0 1-22.62 0l-22.06-22.09a16 16 0 0 1 0-22.62L76 135.31L120.69 180Zm140.29-185a8 8 0 0 0-11.32 0l-28.4 28.41l-5.37-5.38a32.05 32.05 0 0 0-45.26 0L124 64.69l-6.34-6.35a8 8 0 0 0-11.32 11.32l80 80a8 8 0 0 0 11.32-11.32l-6.35-6.34l23.32-23.31a32 32 0 0 0 0-45.26l-5.38-5.37l28.41-28.4a8 8 0 0 0 0-11.32m-34.35 79L180 120.69L135.31 76l23.32-23.31a16 16 0 0 1 22.62 0l22.06 22a16 16 0 0 1 0 22.68Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M149.66 138.34a8 8 0 0 0-11.32 0L120 156.69L99.31 136l18.35-18.34a8 8 0 0 0-11.32-11.32L88 124.69l-18.34-18.35a8 8 0 0 0-11.32 11.32l6.35 6.34l-23.32 23.31a32 32 0 0 0 0 45.26l5.38 5.37l-28.41 28.4a8 8 0 0 0 11.32 11.32l28.4-28.41l5.37 5.38a32 32 0 0 0 45.26 0L132 191.31l6.34 6.35a8 8 0 0 0 11.32-11.32L131.31 168l18.35-18.34a8 8 0 0 0 0-11.32m-52.29 65a16 16 0 0 1-22.62 0l-22.06-22.09a16 16 0 0 1 0-22.62L76 135.31L120.69 180Zm140.29-185a8 8 0 0 0-11.32 0l-28.4 28.41l-5.37-5.38a32.05 32.05 0 0 0-45.26 0L124 64.69l-6.34-6.35a8 8 0 0 0-11.32 11.32l80 80a8 8 0 0 0 11.32-11.32l-6.35-6.34l23.32-23.31a32 32 0 0 0 0-45.26l-5.38-5.37l28.41-28.4a8 8 0 0 0 0-11.32m-34.35 79L180 120.69L135.31 76l23.32-23.31a16 16 0 0 1 22.62 0l22.06 22a16 16 0 0 1 0 22.68Z"/></svg>
</template>

CSS

.icon-plugs {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M149.66%20138.34a8%208%200%200%200-11.32%200L120%20156.69L99.31%20136l18.35-18.34a8%208%200%200%200-11.32-11.32L88%20124.69l-18.34-18.35a8%208%200%200%200-11.32%2011.32l6.35%206.34l-23.32%2023.31a32%2032%200%200%200%200%2045.26l5.38%205.37l-28.41%2028.4a8%208%200%200%200%2011.32%2011.32l28.4-28.41l5.37%205.38a32%2032%200%200%200%2045.26%200L132%20191.31l6.34%206.35a8%208%200%200%200%2011.32-11.32L131.31%20168l18.35-18.34a8%208%200%200%200%200-11.32m-52.29%2065a16%2016%200%200%201-22.62%200l-22.06-22.09a16%2016%200%200%201%200-22.62L76%20135.31L120.69%20180Zm140.29-185a8%208%200%200%200-11.32%200l-28.4%2028.41l-5.37-5.38a32.05%2032.05%200%200%200-45.26%200L124%2064.69l-6.34-6.35a8%208%200%200%200-11.32%2011.32l80%2080a8%208%200%200%200%2011.32-11.32l-6.35-6.34l23.32-23.31a32%2032%200%200%200%200-45.26l-5.38-5.37l28.41-28.4a8%208%200%200%200%200-11.32m-34.35%2079L180%20120.69L135.31%2076l23.32-23.31a16%2016%200%200%201%2022.62%200l22.06%2022a16%2016%200%200%201%200%2022.68Z%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M149.66%20138.34a8%208%200%200%200-11.32%200L120%20156.69L99.31%20136l18.35-18.34a8%208%200%200%200-11.32-11.32L88%20124.69l-18.34-18.35a8%208%200%200%200-11.32%2011.32l6.35%206.34l-23.32%2023.31a32%2032%200%200%200%200%2045.26l5.38%205.37l-28.41%2028.4a8%208%200%200%200%2011.32%2011.32l28.4-28.41l5.37%205.38a32%2032%200%200%200%2045.26%200L132%20191.31l6.34%206.35a8%208%200%200%200%2011.32-11.32L131.31%20168l18.35-18.34a8%208%200%200%200%200-11.32m-52.29%2065a16%2016%200%200%201-22.62%200l-22.06-22.09a16%2016%200%200%201%200-22.62L76%20135.31L120.69%20180Zm140.29-185a8%208%200%200%200-11.32%200l-28.4%2028.41l-5.37-5.38a32.05%2032.05%200%200%200-45.26%200L124%2064.69l-6.34-6.35a8%208%200%200%200-11.32%2011.32l80%2080a8%208%200%200%200%2011.32-11.32l-6.35-6.34l23.32-23.31a32%2032%200%200%200%200-45.26l-5.38-5.37l28.41-28.4a8%208%200%200%200%200-11.32m-34.35%2079L180%20120.69L135.31%2076l23.32-23.31a16%2016%200%200%201%2022.62%200l22.06%2022a16%2016%200%200%201%200%2022.68Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/plugs.svg?color=%231a73e8&size=48