How to use the Punjab National Bank icon
import { PunjabNationalBankLogo } from "@/assets/icons/punjabnationalbankLogo"
export default function Example() {
return <PunjabNationalBankLogo width="32px" height="32px" />
}Brands icon
Punjab National Bank JSX Icon
Copy the Punjab National Bank icon as an optimized JSX SVG component for React, Next.js, dashboards, landing pages and Tailwind interfaces.
ComponentPunjabNationalBankLogo
FilepunjabnationalbankLogo.jsx
CategoryBrands
Copy-ready code
Punjab National Bank React JSX component
// Source: https://raw.githubusercontent.com/glincker/thesvg/bc1ea3c9c5901d1d7a9438e760a9d071955ff29d/public/icons/punjab-national-bank/default.svg
// Asset license: MIT License
// Optimized, converted to monochrome currentColor JSX, and parameterized by JSXIcons.
export const PunjabNationalBankLogo = ({ width = "40px", height = "40px", color = "#A20A3A", ...props }) => (
<svg {...props} width={width} height={height} viewBox="0 0 180.359 35.355" xmlns="http://www.w3.org/2000/svg" fill={color} color={color}>
<path d="M520.756 88.936h180.359v35.355h-180.36z" transform="translate(-520.756 -88.936)"/><path d="M598.585 115.155h.82l-.163.89h-.82zM600.1 115.155h.82l-.162.89h-.821zM601.616 115.155h.82l-.163.89h-.821zM604.3 116.069q-.185.015-.47.015-.417 0-.56-.158-.142-.155-.073-.538l.365-1.98h-.396l.113-.613h.398l.159-.875h.765l-.16.875h.46l-.114.613h-.461l-.338 1.833q-.018.101.04.15.059.044.205.044l.184-.011zM604.79 116.045l.81-4.391h.763l-.286 1.556.074-.084q.362-.417.88-.417.468 0 .68.297.21.297.111.823l-.409 2.216h-.762l.37-2.007q.055-.312-.033-.46-.087-.15-.328-.15a.68.68 0 0 0-.497.198q-.204.2-.267.553l-.343 1.866h-.763M609.32 116.131q-.567 0-.87-.298-.301-.302-.302-.867.002-.12.017-.256a4 4 0 0 1 .037-.277q.149-.812.598-1.268.45-.457 1.096-.456.546 0 .826.299.28.298.28.878a3.3 3.3 0 0 1-.069.648l-.02.104h-1.985l-.004.042q-.012.09-.011.17.002.296.135.444.134.148.402.147.195 0 .354-.093a.53.53 0 0 0 .228-.246h.772a1.7 1.7 0 0 1-.604.752q-.4.278-.88.278m.918-2.052.003-.113q0-.282-.119-.418t-.36-.136a.61.61 0 0 0-.507.266 1.4 1.4 0 0 0-.2.401zM612.672 116.045l.599-3.25h.742l-.085.466.107-.135q.362-.417.877-.417.47 0 .68.297t.111.823l-.408 2.216h-.763l.37-2.007q.056-.312-.032-.46-.088-.15-.33-.15a.68.68 0 0 0-.495.198 1 1 0 0 0-.268.553l-.341 1.866h-.764M616.713 116.131q-.354 0-.56-.188-.203-.19-.203-.528 0-.053.007-.122.006-.068.018-.135a1.24 1.24 0 0 1 1.052-1.018l.643-.102a.6.6 0 0 0 .17-.051.33.33 0 0 0 .206-.328q-.003-.12-.072-.182-.098-.089-.358-.088a.5.5 0 0 0-.335.116.73.73 0 0 0-.215.342h-.722q.113-.559.49-.85.379-.288.993-.288.563 0 .813.244a.64.64 0 0 1 .184.485q.001.104-.021.224l-.33 1.77a1.1 1.1 0 0 0-.023.33q.017.116.094.16v.005l-.021.115h-.828a1.7 1.7 0 0 1 .005-.379q-.45.47-.987.469m1.12-1.269.07-.395a.8.8 0 0 1-.24.103l-.307.067q-.304.07-.436.174a.5.5 0 0 0-.169.305q-.006.027 0 0-.005.029-.009.059l-.002.057a.28.28 0 0 0 .08.213q.078.074.22.073.36.001.64-.322a.838.838 0 0 0 .153-.334M619.032 116.045l.599-3.25h.744l-.088.46.116-.155q.332-.391.799-.391.423 0 .613.269a.6.6 0 0 1 .108.261l.105-.139q.316-.391.77-.391.465 0 .674.295a.83.83 0 0 1 .141.507c.003.097-.009.2-.028.31l-.412 2.224h-.763l.383-2.106q.052-.26-.023-.385-.075-.126-.278-.126a.57.57 0 0 0-.424.165q-.162.164-.223.492l-.36 1.96h-.764l.384-2.081q.049-.273-.028-.404-.08-.133-.289-.132a.55.55 0 0 0-.414.165q-.158.164-.22.492l-.357 1.96h-.765M625.086 116.131q-.567 0-.869-.298-.302-.302-.302-.867.001-.12.016-.256.013-.138.037-.277.148-.812.598-1.268.448-.457 1.096-.456.546 0 .825.299.28.298.28.878 0 .142-.016.307a4 4 0 0 1-.052.341l-.02.104h-1.985l-.005.042q-.011.09-.01.17.002.296.135.444.134.148.402.147.195 0 .355-.093a.54.54 0 0 0 .226-.246h.772a1.7 1.7 0 0 1-.603.752 1.5 1.5 0 0 1-.88.278m.917-2.052.002-.113q0-.282-.117-.418-.12-.136-.362-.136a.61.61 0 0 0-.507.266 1.5 1.5 0 0 0-.2.401zM631.638 112.795l-1.579 3.226q-.435.9-.682 1.142-.245.242-.71.242-.212 0-.355-.021l.125-.681a.5.5 0 0 0 .15.012q.31 0 .425-.135.077-.086.195-.389l-.459-3.396h.853l.176 2.425 1.056-2.425h.805M632.78 116.131q-.56 0-.887-.332-.326-.335-.329-.906-.002-.099.012-.223.012-.124.033-.237.148-.793.633-1.259a1.63 1.63 0 0 1 1.17-.465q.562 0 .889.336.326.338.326.919 0 .1-.014.226-.013.125-.035.243-.142.782-.63 1.24a1.64 1.64 0 0 1-1.167.458m.133-.718q.347 0 .568-.258.22-.257.316-.774a2 2 0 0 0 .033-.32q0-.301-.144-.467a.51.51 0 0 0-.407-.166.71.71 0 0 0-.568.261q-.221.262-.319.789a3 3 0 0 0-.022.16q-.01.083-.006.15-.001.297.142.461.142.164.408.164M636.176 112.795l-.372 2.008q-.057.31.03.46t.328.15q.292 0 .494-.2.203-.198.266-.552l.344-1.866h.767l-.599 3.25h-.738l.083-.475q-.045.072-.108.144-.36.418-.877.417-.468 0-.677-.327a1 1 0 0 1-.133-.539q0-.167.038-.367l.389-2.103h.765zM642.378 114.859a1.9 1.9 0 0 1-.606.929q-.42.344-.963.343-.522 0-.8-.292-.28-.292-.28-.845 0-.126.014-.271t.042-.29q.147-.812.6-1.268a1.5 1.5 0 0 1 1.103-.456q.557 0 .837.327.231.27.23.718l-.012.2h-.772q-.01-.278-.11-.401-.099-.125-.305-.125a.6.6 0 0 0-.494.261q-.196.262-.295.785a5 5 0 0 0-.026.199 2 2 0 0 0-.012.183q0 .273.108.422.106.15.3.15a.6.6 0 0 0 .405-.158.87.87 0 0 0 .264-.411zM643.395 116.131q-.356 0-.56-.188-.203-.19-.204-.528 0-.053.006-.122.008-.068.02-.135a1.24 1.24 0 0 1 1.05-1.018l.645-.102a.6.6 0 0 0 .17-.051.34.34 0 0 0 .155-.13.36.36 0 0 0 .05-.198q-.001-.12-.072-.182-.099-.089-.357-.088a.5.5 0 0 0-.335.116.75.75 0 0 0-.216.342h-.722q.114-.559.49-.85.378-.288.993-.288.563 0 .812.244a.63.63 0 0 1 .184.485 1 1 0 0 1-.02.224l-.329 1.77a1.1 1.1 0 0 0-.023.33q.016.116.093.16v.005l-.02.115h-.828a1.7 1.7 0 0 1 .005-.379q-.45.47-.988.469m1.12-1.269.071-.395a.8.8 0 0 1-.24.103l-.308.067q-.304.07-.435.174a.48.48 0 0 0-.17.305q-.005.027 0 0l-.008.059-.003.057a.28.28 0 0 0 .079.213q.079.074.22.073.362.001.641-.322a.838.838 0 0 0 .152-.334M645.718 116.045l.6-3.25h.743l-.086.466.107-.135q.362-.417.878-.417.47 0 .678.297.21.297.113.823l-.409 2.216h-.764l.37-2.007q.056-.312-.03-.46-.09-.15-.33-.15a.68.68 0 0 0-.496.198q-.204.2-.267.553l-.343 1.866h-.764M650.627 116.045l.81-4.391h1.927q.485 0 .744.227.259.228.261.654a2.4 2.4 0 0 1-.035.344 1.07 1.07 0 0 1-.49.716 1 1 0 0 1-.135.082.7.7 0 0 1 .15.088q.295.231.294.664a1.5 1.5 0 0 1-.03.296q-.113.621-.565.97-.452.35-1.14.35h-1.792zm1.484-3.624-.175.948h.961q.284 0 .444-.115a.54.54 0 0 0 .202-.354l.01-.073.004-.073q0-.174-.114-.252-.115-.08-.366-.08zm-.317 1.698-.21 1.159h.94q.34 0 .53-.142.19-.14.243-.432l.015-.093a.3.3 0 0 0 .003-.077q0-.209-.127-.313-.127-.102-.388-.102zM654.26 116.045l2.24-4.391h.943l.549 4.391h-.892l-.088-.92h-1.451l-.435.92h-.865m2.51-3.424-.854 1.78h1.028l-.176-1.78zM659.228 116.045h-.762l.81-4.391h.858l1.012 3.11.575-3.11h.761l-.81 4.391h-.812l-1.053-3.157zM662.503 116.045l.81-4.391h.817l-.333 1.807 1.86-1.807h1.05l-1.93 1.824 1.19 2.567h-1.057l-.828-1.915-.496.471-.266 1.444h-.817M669.212 112.795l-.371 2.008q-.06.31.028.46.09.15.33.15c.193 0 .36-.066.493-.2q.203-.198.266-.552l.344-1.866h.767l-.598 3.25h-.74l.085-.475q-.045.072-.109.144-.36.418-.876.417-.47 0-.678-.327a1 1 0 0 1-.132-.539q0-.167.036-.367l.39-2.103h.765M671.75 112.795h.717l-.082.466.057-.068q.432-.485.948-.484.443 0 .69.301.25.302.25.837a3.819 3.819 0 0 1-.058.574q-.136.734-.574 1.223-.437.488-.962.488-.528 0-.745-.46l-.005-.012-.307 1.658h-.763zm.902 2.633q.29 0 .518-.267.225-.265.306-.7.017-.099.028-.193.011-.099.008-.183 0-.3-.128-.466a.44.44 0 0 0-.367-.166q-.282 0-.51.266a1.4 1.4 0 0 0-.306.681h.002q-.093.492.025.76t.424.268M675.813 116.131q-.56 0-.887-.332-.327-.335-.329-.906-.001-.099.011-.223t.034-.237q.147-.793.633-1.259a1.63 1.63 0 0 1 1.17-.465q.562 0 .888.336.327.338.327.919 0 .1-.014.226-.014.125-.035.243-.143.782-.63 1.24a1.64 1.64 0 0 1-1.168.458m.134-.718q.346 0 .567-.258.222-.257.317-.774a2 2 0 0 0 .032-.32q0-.301-.143-.467a.51.51 0 0 0-.408-.166.71.71 0 0 0-.567.261q-.221.262-.32.789-.013.078-.022.16-.01.083-.006.15 0 .297.143.461.142.164.407.164M677.836 116.045l.598-3.25h.744l-.086.466.106-.135q.364-.417.879-.417.468 0 .679.297.21.297.112.823l-.41 2.216h-.762l.37-2.007q.055-.312-.032-.46-.088-.15-.33-.15a.69.69 0 0 0-.496.198q-.202.2-.267.553l-.342 1.866h-.763M681.748 114.841l.171-2.105.197-1.06h.838l-.197 1.06-.607 2.105h-.402m-.264.34h.804l-.156.864h-.805z" transform="translate(-520.756 -88.936)"/><path d="M554.602 95.873h5.054v19.646h-5.054v-4.834c-4.425 1.65-8.57 1.801-12.395-1.985-1.586-1.669-2.462-3.932-2.086-7.9.045-.585-.228-3.045-.944-4.611h4.489c2.087 3.372-.65 7.317 2.568 10.066 4.37 2.873 8.19-.549 8.368-3.664zm-5.02 2.116a4.337 4.337 0 0 1 4.331 4.325 4.336 4.336 0 0 1-4.331 4.324c-2.386 0-4.332-1.943-4.332-4.324a4.337 4.337 0 0 1 4.332-4.325" transform="translate(-520.756 -88.936)"/><path d="M567.002 102.138c1.944 0 3.529 1.611 3.529 3.588 0 2.428-2.359 3.997-4.603 3.262v-1.633c1.229.73 2.826-.016 2.826-1.497 0-1.055-.845-1.915-1.88-1.915-1.038 0-1.883.86-1.883 1.915 0 2.202-.05 4.407-.05 6.612h-1.468v-6.744l.015-.335c.039-1.778 1.614-3.232 3.514-3.253M571.053 102.441h1.553v3.525c-.114 2.067 3.11 2.22 3.034 0v-3.525h1.555v3.618c.153 4.491-6.372 4.184-6.142 0zM578.016 109.115h1.552v-3.526c-.113-2.066 3.11-2.219 3.034 0v3.526h1.556v-3.619c.153-4.49-6.372-4.183-6.142 0zM599.385 109.369c1.943 0 3.528-1.611 3.528-3.589 0-2.427-2.359-3.996-4.602-3.262v1.632c1.228-.729 2.826.018 2.826 1.499 0 1.055-.845 1.914-1.881 1.914s-1.883-.859-1.883-1.914c0-2.203-.047-4.409-.047-6.614h-1.47v6.745l.016.334c.038 1.78 1.613 3.232 3.513 3.255M584.586 104.061v-1.605h3.078v6.495c.015 2.017-1.37 3.59-3.373 3.753v-1.458c.986-.405 1.748-.985 1.772-2.32v-4.865zM588.232 106.215c-.16-1.904 1.236-3.242 2.568-3.655 1.886-.555 4.245.43 4.33 3.098v3.371h-1.437l.012-3.421c-.1-1.564-2.468-2.218-3.44-.737-.407.775-.5 1.983.608 2.61a3.6 3.6 0 0 0 1.873.16v1.455c-1.184.36-2.36.272-3.521-.8-.583-.6-.864-1.293-.993-2.08M605.302 109.115h1.553v-3.526c-.114-2.066 3.108-2.219 3.033 0v3.526h1.555v-3.619c.154-4.49-6.372-4.183-6.141 0zM612.133 106.215c-.16-1.904 1.236-3.242 2.568-3.655 1.886-.555 4.245.43 4.33 3.098v3.371h-1.436l.01-3.421c-.1-1.564-2.467-2.218-3.44-.737-.405.775-.498 1.983.61 2.61a3.6 3.6 0 0 0 1.872.16v1.455c-1.184.36-2.36.272-3.521-.8-.583-.6-.864-1.293-.993-2.08M634.068 109.115h1.553v-3.526c-.114-2.066 3.109-2.219 3.034 0v3.526h1.555v-3.619c.153-4.49-6.373-4.183-6.142 0zM640.9 106.215c-.16-1.904 1.237-3.242 2.567-3.655 1.886-.555 4.245.43 4.33 3.098v3.371h-1.435l.01-3.421c-.1-1.564-2.467-2.218-3.44-.737-.406.775-.499 1.983.609 2.61a3.6 3.6 0 0 0 1.872.16v1.455c-1.184.36-2.36.272-3.521-.8-.583-.6-.864-1.293-.993-2.08M625.043 99.216a1.23 1.23 0 1 1-.001 2.462 1.23 1.23 0 0 1 .001-2.462M624.246 102.508h1.737v6.607h-1.737zM619.878 100.209h1.665v2.322h2.028v1.598h-2.028v1.09c-.06 1.941.546 2.364 1.93 2.71l-.005 1.306c-2.67.23-3.615-1.377-3.59-4.016zM630.036 102.479a3.45 3.45 0 0 1 3.444 3.444 3.45 3.45 0 0 1-3.444 3.443 3.45 3.45 0 0 1-3.444-3.443 3.45 3.45 0 0 1 3.444-3.444m0 1.654c.985 0 1.79.803 1.79 1.79 0 .985-.805 1.79-1.79 1.79-.986 0-1.79-.805-1.79-1.79 0-.987.804-1.79 1.79-1.79M662.937 106.215c-.16-1.904 1.236-3.242 2.568-3.655 1.886-.555 4.243.43 4.33 3.098v3.371h-1.437l.012-3.421c-.1-1.564-2.468-2.218-3.44-.737-.408.775-.5 1.983.607 2.61.533.19 1.13.283 1.873.16v1.455c-1.183.36-2.36.272-3.52-.8-.583-.6-.864-1.293-.993-2.08M670.732 109.115h1.553v-3.526c-.114-2.066 3.108-2.219 3.032 0v3.526h1.556v-3.619c.153-4.49-6.372-4.183-6.141 0zM658.95 109.369c1.942 0 3.528-1.611 3.528-3.589 0-2.427-2.359-3.996-4.604-3.262v1.632c1.23-.729 2.828.018 2.828 1.499 0 1.055-.845 1.914-1.883 1.914-1.036 0-1.88-.859-1.88-1.914 0-2.203-.05-4.409-.05-6.614h-1.47v6.745l.017.334c.038 1.78 1.613 3.232 3.513 3.255M648.628 99.159h1.514v5.591c-.091 2.243.897 2.806 2.499 3.025l-.005 1.458c-2.982.257-4.035-1.538-4.008-4.483zM677.672 99.08h1.699v5.189c.494-1.353 1.669-2.309 3.034-2.309q.145 0 .29.015v1.629c-1.1.24-1.92 1.134-1.92 2.194 0 1.058.82 1.952 1.92 2.192v1.423a3 3 0 0 1-.29.015c-1.365 0-2.54-.958-3.034-2.31v1.997h-1.699z" transform="translate(-520.756 -88.936)"/>
</svg>
)
Built for the web
Use it in your stack
This copy-ready component works in React and Next.js projects, and the SVG can be adapted for any interface.
Looking for a similar mark? Browse the related icons below or explore the full brands collection.
Related JSX icons
FAQ
Is the Punjab National Bank JSX icon free?
Yes. You can copy the JSX component and use it in React and Next.js projects.
Can I customize it?
Yes. Edit the SVG attributes or pass className, width, height and color props depending on the component.