nuclear plant icon

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

Name: nuclear-plant-thin
Set: Phosphor
Style: Thin
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

nuclear-plant nuclear-plant-bold nuclear-plant-duotone nuclear-plant-fill nuclear-plant-light

The same icon in other sets

nuclear-plantIconPark nuclear-plantIconPark Outline nuclear-plantIconPark Solid nuclear-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 36h24a12 12 0 0 0 12-12a4 4 0 0 1 8 0a20 20 0 0 1-20 20h-24a12 12 0 0 0-12 12a4 4 0 0 1-8 0a20 20 0 0 1 20-20m-48 24a4 4 0 0 0 4-4a44.05 44.05 0 0 1 44-44h8a4 4 0 0 0 0-8h-8a52.06 52.06 0 0 0-52 52a4 4 0 0 0 4 4m140 156a4 4 0 0 1-4 4H16a4 4 0 0 1 0-8h19.21c14.21-28.21 30.94-70.65 32.65-116.51A11.93 11.93 0 0 1 79.85 84h88.33a12 12 0 0 1 12 11.46c2.21 50.34 25.71 97 37 116.54H240a4 4 0 0 1 4 4m-72.15-4c-14.14-28.88-30-70.85-31.7-116.21a4 4 0 0 0-4-3.79h-56.3a4 4 0 0 0-4 3.79c-1.69 45.36-17.56 87.33-31.7 116.21Zm36.09 0c-12.17-22-33.62-67.3-35.77-116.19a4 4 0 0 0-4-3.81h-20.68a11.9 11.9 0 0 1 .65 3.49c1.71 45.86 18.44 88.3 32.65 116.51Z"/></svg>

React

import type { SVGProps } from "react";

export function PhNuclearPlantThin(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 36h24a12 12 0 0 0 12-12a4 4 0 0 1 8 0a20 20 0 0 1-20 20h-24a12 12 0 0 0-12 12a4 4 0 0 1-8 0a20 20 0 0 1 20-20m-48 24a4 4 0 0 0 4-4a44.05 44.05 0 0 1 44-44h8a4 4 0 0 0 0-8h-8a52.06 52.06 0 0 0-52 52a4 4 0 0 0 4 4m140 156a4 4 0 0 1-4 4H16a4 4 0 0 1 0-8h19.21c14.21-28.21 30.94-70.65 32.65-116.51A11.93 11.93 0 0 1 79.85 84h88.33a12 12 0 0 1 12 11.46c2.21 50.34 25.71 97 37 116.54H240a4 4 0 0 1 4 4m-72.15-4c-14.14-28.88-30-70.85-31.7-116.21a4 4 0 0 0-4-3.79h-56.3a4 4 0 0 0-4 3.79c-1.69 45.36-17.56 87.33-31.7 116.21Zm36.09 0c-12.17-22-33.62-67.3-35.77-116.19a4 4 0 0 0-4-3.81h-20.68a11.9 11.9 0 0 1 .65 3.49c1.71 45.86 18.44 88.3 32.65 116.51Z"/></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 36h24a12 12 0 0 0 12-12a4 4 0 0 1 8 0a20 20 0 0 1-20 20h-24a12 12 0 0 0-12 12a4 4 0 0 1-8 0a20 20 0 0 1 20-20m-48 24a4 4 0 0 0 4-4a44.05 44.05 0 0 1 44-44h8a4 4 0 0 0 0-8h-8a52.06 52.06 0 0 0-52 52a4 4 0 0 0 4 4m140 156a4 4 0 0 1-4 4H16a4 4 0 0 1 0-8h19.21c14.21-28.21 30.94-70.65 32.65-116.51A11.93 11.93 0 0 1 79.85 84h88.33a12 12 0 0 1 12 11.46c2.21 50.34 25.71 97 37 116.54H240a4 4 0 0 1 4 4m-72.15-4c-14.14-28.88-30-70.85-31.7-116.21a4 4 0 0 0-4-3.79h-56.3a4 4 0 0 0-4 3.79c-1.69 45.36-17.56 87.33-31.7 116.21Zm36.09 0c-12.17-22-33.62-67.3-35.77-116.19a4 4 0 0 0-4-3.81h-20.68a11.9 11.9 0 0 1 .65 3.49c1.71 45.86 18.44 88.3 32.65 116.51Z"/></svg>
</template>

CSS

.icon-nuclear-plant-thin {
  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%2036h24a12%2012%200%200%200%2012-12a4%204%200%200%201%208%200a20%2020%200%200%201-20%2020h-24a12%2012%200%200%200-12%2012a4%204%200%200%201-8%200a20%2020%200%200%201%2020-20m-48%2024a4%204%200%200%200%204-4a44.05%2044.05%200%200%201%2044-44h8a4%204%200%200%200%200-8h-8a52.06%2052.06%200%200%200-52%2052a4%204%200%200%200%204%204m140%20156a4%204%200%200%201-4%204H16a4%204%200%200%201%200-8h19.21c14.21-28.21%2030.94-70.65%2032.65-116.51A11.93%2011.93%200%200%201%2079.85%2084h88.33a12%2012%200%200%201%2012%2011.46c2.21%2050.34%2025.71%2097%2037%20116.54H240a4%204%200%200%201%204%204m-72.15-4c-14.14-28.88-30-70.85-31.7-116.21a4%204%200%200%200-4-3.79h-56.3a4%204%200%200%200-4%203.79c-1.69%2045.36-17.56%2087.33-31.7%20116.21Zm36.09%200c-12.17-22-33.62-67.3-35.77-116.19a4%204%200%200%200-4-3.81h-20.68a11.9%2011.9%200%200%201%20.65%203.49c1.71%2045.86%2018.44%2088.3%2032.65%20116.51Z%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%2036h24a12%2012%200%200%200%2012-12a4%204%200%200%201%208%200a20%2020%200%200%201-20%2020h-24a12%2012%200%200%200-12%2012a4%204%200%200%201-8%200a20%2020%200%200%201%2020-20m-48%2024a4%204%200%200%200%204-4a44.05%2044.05%200%200%201%2044-44h8a4%204%200%200%200%200-8h-8a52.06%2052.06%200%200%200-52%2052a4%204%200%200%200%204%204m140%20156a4%204%200%200%201-4%204H16a4%204%200%200%201%200-8h19.21c14.21-28.21%2030.94-70.65%2032.65-116.51A11.93%2011.93%200%200%201%2079.85%2084h88.33a12%2012%200%200%201%2012%2011.46c2.21%2050.34%2025.71%2097%2037%20116.54H240a4%204%200%200%201%204%204m-72.15-4c-14.14-28.88-30-70.85-31.7-116.21a4%204%200%200%200-4-3.79h-56.3a4%204%200%200%200-4%203.79c-1.69%2045.36-17.56%2087.33-31.7%20116.21Zm36.09%200c-12.17-22-33.62-67.3-35.77-116.19a4%204%200%200%200-4-3.81h-20.68a11.9%2011.9%200%200%201%20.65%203.49c1.71%2045.86%2018.44%2088.3%2032.65%20116.51Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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