Nuclear icon
quill:nuclear
The Nuclear icon (quill:nuclear) is a free SVG icon from the Quill Icons set by Casper Lourens. It is drawn on a 32 × 32 grid. Quill Icons are released under the MIT 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
- Quill Icons
- Author
- Casper Lourens
- License
- MIT
- Size
- 32 × 32
- Category
- Misc
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><mask id="SVGXkvBFmaa" fill="#fff"><path d="M6 16h6c0 1.48.804 2.773 2 3.465l-3 5.197A10 10 0 0 1 6 16m12 3.465l3 5.197c2.99-1.73 5-4.96 5-8.662h-6c0 1.48-.804 2.773-2 3.465m-4-6.93A4 4 0 0 1 16 12c.729 0 1.412.195 2 .535l3-5.197A9.95 9.95 0 0 0 16 6c-1.822 0-3.53.487-5 1.338z"/></mask><g fill="none"><path fill="currentColor" d="M6 16h6c0 1.48.804 2.773 2 3.465l-3 5.197A10 10 0 0 1 6 16m12 3.465l3 5.197c2.99-1.73 5-4.96 5-8.662h-6c0 1.48-.804 2.773-2 3.465m-4-6.93A4 4 0 0 1 16 12c.729 0 1.412.195 2 .535l3-5.197A9.95 9.95 0 0 0 16 6c-1.822 0-3.53.487-5 1.338z"/><path fill="currentColor" d="M6 16v-2H4v2zm8 3.465l1.732 1l.999-1.73L15 17.733zm-3 5.197l-1.002 1.73l1.732 1.003l1.001-1.733zm7-5.197l-1-1.731l-1.73 1l1 1.73zm3 5.197l-1.731 1l1 1.733l1.734-1.002zM26 16h2v-2h-2zm-12-3.465l-1.732 1l1 1.734l1.733-1.003zm4 0l-1 1.731l1.732 1.003l1.001-1.734zm3-5.197l1.733 1l.999-1.73l-1.73-1zm-10 0l-1.002-1.73l-1.73 1l1 1.73zM12 14H6v4h6zm2 2h-4zh-4zh-4zm1.001 1.734A2 2 0 0 1 14 16h-4a6 6 0 0 0 2.998 5.196zm-2.27 7.928l3-5.197l-3.463-2l-3 5.197zM4 16c0 4.444 2.417 8.32 5.998 10.393L12 22.93A8 8 0 0 1 8 16zm12.268 4.465l3 5.197l3.465-2l-3-5.197zm5.735 5.928A12 12 0 0 0 28 16h-4a8 8 0 0 1-4 6.93zM26 14h-6v4h6zm-8 2h4zh4zh4zm0 0c0 .738-.398 1.385-1.001 1.734l2.003 3.462A6 6 0 0 0 22 16zm-2.999-1.734c.293-.169.631-.266.999-.266v-4a6 6 0 0 0-3.002.804zM16 14c.368 0 .706.097.999.266l2.003-3.462A6 6 0 0 0 16 10zm3.732-.465l3-5.197l-3.463-2l-3 5.197zm2.27-7.928A11.95 11.95 0 0 0 16 4v4c1.46 0 2.824.39 4 1.07zM16 4c-2.183 0-4.235.585-6.002 1.607L12 9.07A7.95 7.95 0 0 1 16 8zM9.267 8.338l3 5.197l3.465-2l-3-5.197z" mask="url(#SVGXkvBFmaa)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 16a1 1 0 1 1 2 0a1 1 0 0 1-2 0" clip-rule="evenodd"/></g></svg>How to use the Nuclear icon
React
import { Icon } from "@iconify/react";
<Icon icon="quill:nuclear" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="quill:nuclear" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="quill:nuclear" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[quill--nuclear]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/quill -->
<div class="i-quill:nuclear"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="quill:nuclear"></iconify-icon>HTML image
<img src="https://icons.sys.karaztherapy.ma/api/public/svg/quill/nuclear.svg" alt="Nuclear icon" width="24" height="24">Nuclear icon in other icon sets
Nuclear icon FAQ
Is the Nuclear icon free for commercial use?
Yes. Quill Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Nuclear icon in React?
Install @iconify/react and render <Icon icon="quill:nuclear" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Nuclear icon to a web page?
Link the SVG file in an image tag: <img src="https://icons.sys.karaztherapy.ma/api/public/svg/quill/nuclear.svg" alt="Nuclear icon">, or paste the SVG code inline to style it with CSS.