Pnj icon

thesvg:pnj

The Pnj icon (thesvg:pnj) is a free SVG icon from the theSVG set by thesvg.org. It is drawn on a 1510 × 1515 grid. theSVG 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
Author: thesvg.org
License: MIT
Size: 1510 × 1515

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="1510" height="1515" viewBox="0 0 1510 1515"><defs><linearGradient id="SVGA2qpVc3q" x2="1" gradientTransform="rotate(-12 4465 426)scale(1466.69 1469.872)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="currentColor"/><stop offset="1" stop-color="currentColor"/></linearGradient></defs><path fill="url(#SVGA2qpVc3q)" 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 icon

React

import { Icon } from "@iconify/react";

<Icon icon="thesvg:pnj" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="thesvg:pnj" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="thesvg:pnj" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg--pnj]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg -->
<div class="i-thesvg:pnj"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="thesvg:pnj"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/thesvg/pnj.svg" alt="Pnj icon" width="24" height="24">

Pnj icon FAQ

Is the Pnj icon free for commercial use?

Yes. theSVG icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Pnj icon in React?

Install @iconify/react and render <Icon icon="thesvg:pnj" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Pnj icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg/pnj.svg" alt="Pnj icon">, or paste the SVG code inline to style it with CSS.

Browse all theSVG icons →