Nuclear Plant icon
icon-park:nuclear-plant
The Nuclear Plant icon (icon-park:nuclear-plant) is a free SVG icon from the IconPark set by ByteDance. It is drawn on a 48 × 48 grid. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- IconPark
- Author
- ByteDance
- License
- Apache-2.0
- Size
- 48 × 48
- Category
- Build
- Tags
- nuclearplant
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M4 44H44"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M12 14H36"/><path fill="#2F88FF" stroke="#000" stroke-linejoin="round" stroke-width="4" d="M14 14H24H34L34.8772 21.0175C34.9589 21.6709 35.1049 22.3147 35.3131 22.9394L38.6474 32.9422C38.8817 33.6452 39.0372 34.3721 39.1109 35.1095L40 44H8L8.88905 35.1095C8.96279 34.3721 9.11826 33.6452 9.35259 32.9422L12.6869 22.9394C12.8951 22.3147 13.0411 21.6709 13.1228 21.0175L14 14Z"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M24 8L24.8284 7.17157C25.5786 6.42143 26.596 6 27.6569 6H28.3431C29.404 6 30.4214 5.57857 31.1716 4.82843L32 4"/><path stroke="#fff" stroke-linecap="round" stroke-width="4" d="M17 31C17 32.8728 17.7354 34.5738 18.9333 35.83C19.5891 36.5178 20.3836 37.0722 21.2718 37.4484"/><path stroke="#fff" stroke-linecap="round" stroke-width="4" d="M31.0004 31C31.0004 32.8728 30.2649 34.5738 29.0671 35.83C28.4112 36.5178 27.6168 37.0722 26.7285 37.4484"/><path stroke="#fff" stroke-linecap="round" stroke-width="4" d="M18.9336 26.17C20.2085 24.8331 22.0071 24 24.0003 24C25.9935 24 27.7922 24.8331 29.067 26.17"/><circle cx="24" cy="31" r="2" fill="#fff"/></g></svg>How to use the Nuclear Plant icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:nuclear-plant" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:nuclear-plant" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:nuclear-plant" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--nuclear-plant]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:nuclear-plant"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:nuclear-plant"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/nuclear-plant.svg" alt="Nuclear Plant icon" width="24" height="24">Nuclear Plant icon in other icon sets
Nuclear Plant icon FAQ
Is the Nuclear Plant icon free for commercial use?
Yes. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Nuclear Plant icon in React?
Install @iconify/react and render <Icon icon="icon-park:nuclear-plant" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Nuclear Plant icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/nuclear-plant.svg" alt="Nuclear Plant icon">, or paste the SVG code inline to style it with CSS.