Pnj Light icon
thesvg-color:pnj-light
The Pnj Light icon (thesvg-color:pnj-light) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 1510 × 1515 grid. theSVG Color 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
- theSVG Color
- Author
- thesvg.org
- License
- MIT
- Size
- 1510 × 1515
- Tags
- pnjlight
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1510" height="1515" viewBox="0 0 1510 1515"><defs><linearGradient id="SVGQXwgc7RF" x2="1" gradientTransform="rotate(-12 4465 426)scale(1466.69 1469.872)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff"/><stop offset="1" stop-color="#fff"/></linearGradient></defs><path fill="url(#SVGQXwgc7RF)" d="M52 708c821-230 1355-5 1458 47l-230-229l-63-62q-112-29-232-28C534 436 54 705 52 708m117-116c538-286 849-257 938-242L977 221l-10-8q-27-3-53-3c-318 0-745 382-745 382M0 758s874-76 1135 377l215-214c-44-55-231-253-714-253c-173 0-381 24-636 90m101 54c2 0 531 87 656 702l252-253c-27-49-261-450-835-450zm307-462l-32 32s343-258 536-225L757 1z"/></svg>How to use the Pnj Light icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:pnj-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:pnj-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:pnj-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--pnj-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:pnj-light"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:pnj-light"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/pnj-light.svg" alt="Pnj Light icon" width="24" height="24">Pnj Light icon FAQ
Is the Pnj Light icon free for commercial use?
Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Pnj Light icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:pnj-light" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Pnj Light icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/pnj-light.svg" alt="Pnj Light icon">, or paste the SVG code inline to style it with CSS.