nuclear plant icon

nuclear-plant-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.

Name
nuclear-plant-light
Set
Phosphor
Style
Light
Viewbox
256×256
License
MIT

5 other variants in Phosphor

nuclear-plantnuclear-plant-boldnuclear-plant-duotonenuclear-plant-fillnuclear-plant-thin

The same icon in other sets

nuclear-plantIconParknuclear-plantIconPark Outlinenuclear-plantIconPark Solidnuclear-plantIconPark TwoTone

Use the nuclear plant icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M152 34h24a10 10 0 0 0 10-10a6 6 0 0 1 12 0a22 22 0 0 1-22 22h-24a10 10 0 0 0-10 10a6 6 0 0 1-12 0a22 22 0 0 1 22-22m-48 28a6 6 0 0 0 6-6a42 42 0 0 1 42-42h8a6 6 0 0 0 0-12h-8a54.06 54.06 0 0 0-54 54a6 6 0 0 0 6 6m142 154a6 6 0 0 1-6 6H16a6 6 0 0 1 0-12h18c14-28 30.2-69.68 31.88-114.59A13.92 13.92 0 0 1 79.85 82h88.33a14 14 0 0 1 14 13.37c2.14 49.08 24.74 94.63 36.1 114.63H240a6 6 0 0 1 6 6M168.18 94H150c.06.46.1.94.12 1.41C151.82 140.32 168 182 182 210h22.55c-12.44-23.1-32.32-66.9-34.4-114.11a2 2 0 0 0-1.97-1.89M47.34 210h121.32c-13.86-28.94-28.86-69.92-30.51-114.14a2 2 0 0 0-2-1.86h-56.3a2 2 0 0 0-2 1.86C76.2 140.08 61.2 181.06 47.34 210"/></svg>

React

import type { SVGProps } from "react";

export function PhNuclearPlantLight(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="M152 34h24a10 10 0 0 0 10-10a6 6 0 0 1 12 0a22 22 0 0 1-22 22h-24a10 10 0 0 0-10 10a6 6 0 0 1-12 0a22 22 0 0 1 22-22m-48 28a6 6 0 0 0 6-6a42 42 0 0 1 42-42h8a6 6 0 0 0 0-12h-8a54.06 54.06 0 0 0-54 54a6 6 0 0 0 6 6m142 154a6 6 0 0 1-6 6H16a6 6 0 0 1 0-12h18c14-28 30.2-69.68 31.88-114.59A13.92 13.92 0 0 1 79.85 82h88.33a14 14 0 0 1 14 13.37c2.14 49.08 24.74 94.63 36.1 114.63H240a6 6 0 0 1 6 6M168.18 94H150c.06.46.1.94.12 1.41C151.82 140.32 168 182 182 210h22.55c-12.44-23.1-32.32-66.9-34.4-114.11a2 2 0 0 0-1.97-1.89M47.34 210h121.32c-13.86-28.94-28.86-69.92-30.51-114.14a2 2 0 0 0-2-1.86h-56.3a2 2 0 0 0-2 1.86C76.2 140.08 61.2 181.06 47.34 210"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M152 34h24a10 10 0 0 0 10-10a6 6 0 0 1 12 0a22 22 0 0 1-22 22h-24a10 10 0 0 0-10 10a6 6 0 0 1-12 0a22 22 0 0 1 22-22m-48 28a6 6 0 0 0 6-6a42 42 0 0 1 42-42h8a6 6 0 0 0 0-12h-8a54.06 54.06 0 0 0-54 54a6 6 0 0 0 6 6m142 154a6 6 0 0 1-6 6H16a6 6 0 0 1 0-12h18c14-28 30.2-69.68 31.88-114.59A13.92 13.92 0 0 1 79.85 82h88.33a14 14 0 0 1 14 13.37c2.14 49.08 24.74 94.63 36.1 114.63H240a6 6 0 0 1 6 6M168.18 94H150c.06.46.1.94.12 1.41C151.82 140.32 168 182 182 210h22.55c-12.44-23.1-32.32-66.9-34.4-114.11a2 2 0 0 0-1.97-1.89M47.34 210h121.32c-13.86-28.94-28.86-69.92-30.51-114.14a2 2 0 0 0-2-1.86h-56.3a2 2 0 0 0-2 1.86C76.2 140.08 61.2 181.06 47.34 210"/></svg>
</template>

CSS

.icon-nuclear-plant-light {
  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%22M152%2034h24a10%2010%200%200%200%2010-10a6%206%200%200%201%2012%200a22%2022%200%200%201-22%2022h-24a10%2010%200%200%200-10%2010a6%206%200%200%201-12%200a22%2022%200%200%201%2022-22m-48%2028a6%206%200%200%200%206-6a42%2042%200%200%201%2042-42h8a6%206%200%200%200%200-12h-8a54.06%2054.06%200%200%200-54%2054a6%206%200%200%200%206%206m142%20154a6%206%200%200%201-6%206H16a6%206%200%200%201%200-12h18c14-28%2030.2-69.68%2031.88-114.59A13.92%2013.92%200%200%201%2079.85%2082h88.33a14%2014%200%200%201%2014%2013.37c2.14%2049.08%2024.74%2094.63%2036.1%20114.63H240a6%206%200%200%201%206%206M168.18%2094H150c.06.46.1.94.12%201.41C151.82%20140.32%20168%20182%20182%20210h22.55c-12.44-23.1-32.32-66.9-34.4-114.11a2%202%200%200%200-1.97-1.89M47.34%20210h121.32c-13.86-28.94-28.86-69.92-30.51-114.14a2%202%200%200%200-2-1.86h-56.3a2%202%200%200%200-2%201.86C76.2%20140.08%2061.2%20181.06%2047.34%20210%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%22M152%2034h24a10%2010%200%200%200%2010-10a6%206%200%200%201%2012%200a22%2022%200%200%201-22%2022h-24a10%2010%200%200%200-10%2010a6%206%200%200%201-12%200a22%2022%200%200%201%2022-22m-48%2028a6%206%200%200%200%206-6a42%2042%200%200%201%2042-42h8a6%206%200%200%200%200-12h-8a54.06%2054.06%200%200%200-54%2054a6%206%200%200%200%206%206m142%20154a6%206%200%200%201-6%206H16a6%206%200%200%201%200-12h18c14-28%2030.2-69.68%2031.88-114.59A13.92%2013.92%200%200%201%2079.85%2082h88.33a14%2014%200%200%201%2014%2013.37c2.14%2049.08%2024.74%2094.63%2036.1%20114.63H240a6%206%200%200%201%206%206M168.18%2094H150c.06.46.1.94.12%201.41C151.82%20140.32%20168%20182%20182%20210h22.55c-12.44-23.1-32.32-66.9-34.4-114.11a2%202%200%200%200-1.97-1.89M47.34%20210h121.32c-13.86-28.94-28.86-69.92-30.51-114.14a2%202%200%200%200-2-1.86h-56.3a2%202%200%200%200-2%201.86C76.2%20140.08%2061.2%20181.06%2047.34%20210%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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