QNB

Brand Entity / Display Name

QNB

Industry Category

Finance & Pay

Primary Color (HEX / RGB / HSL)

#003A73rgb(0, 58, 115) · hsl(210, 100%, 23%)

WCAG Surface Contrast

Light 11.3:1 · Dark 1.7:1

<svg width="80" height="24" viewBox="0 0 80 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3802_9539)">
<g clip-path="url(#clip1_3802_9539)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.3604 19.0477L6.70428 22.7038L6.41142 22.5614C5.6262 22.1799 4.89538 21.662 4.22368 21.1078L3.83476 20.7874L10.58 14.0422C10.9535 13.6687 11.4586 13.4611 11.9866 13.4611C12.5145 13.4611 13.019 13.668 13.3931 14.0422L20.1384 20.7874L19.7495 21.1078C19.0771 21.662 18.3469 22.1799 17.5617 22.5614L17.2688 22.7038L13.6128 19.0477V23.804L13.2319 23.8685C12.8202 23.9384 12.4044 23.9733 11.9866 23.9733C11.5688 23.9733 11.153 23.9391 10.7412 23.8685L10.3604 23.804V19.0477ZM19.0475 13.6123L22.7036 17.2684L22.5612 17.5612C22.1797 18.3464 21.6618 19.0773 21.1076 19.749L20.7872 20.1379L14.042 13.3926C13.6685 13.0192 13.461 12.514 13.461 11.9861C13.461 11.4581 13.6678 10.9537 14.042 10.5795L20.7872 3.83427L21.1076 4.22319C21.6618 4.89557 22.1797 5.62571 22.5612 6.41093L22.7036 6.70379L19.0475 10.3599H23.8039L23.8683 10.7407C23.9382 11.1525 23.9731 11.5683 23.9731 11.9861C23.9731 12.4039 23.9389 12.8197 23.8683 13.2314L23.8039 13.6123H19.0475ZM13.6128 4.92579L17.2688 1.2697L17.5617 1.41211C18.3469 1.79363 19.0777 2.31152 19.7495 2.86567L20.1384 3.18608L13.3931 9.93133C13.0196 10.3048 12.5145 10.5124 11.9866 10.5124C11.4586 10.5124 10.9542 10.3055 10.58 9.93133L3.83476 3.18541L4.22368 2.865C4.89605 2.31085 5.6262 1.79296 6.41142 1.41143L6.70428 1.26903L10.3604 4.92512V0.169453L10.7412 0.104298C11.153 0.0344404 11.5688 -0.000488281 11.9866 -0.000488281C12.4044 -0.000488281 12.8202 0.0337686 13.2319 0.104298L13.6128 0.169453V4.92579ZM4.92561 10.3606L1.26952 6.70447L1.41192 6.4116C1.79345 5.62638 2.31133 4.89557 2.86549 4.22386L3.18589 3.83494L9.93115 10.5802C10.3046 10.9537 10.5122 11.4588 10.5122 11.9867C10.5122 12.5147 10.3053 13.0192 9.93115 13.3933L3.18589 20.1386L2.86549 19.7496C2.31133 19.0773 1.79345 18.3471 1.41192 17.5619L1.26952 17.269L4.92561 13.6129H0.16927L0.104786 13.2321C0.0349286 12.8203 0 12.4045 0 11.9867C0 11.5689 0.0342569 11.1532 0.104786 10.7414L0.16927 10.3606H4.92561Z" fill="#878786"/>
<mask id="mask0_3802_9539" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="4" width="11" height="16">
<path d="M0.45753 11.9867C0.45753 11.6065 0.487757 11.2176 0.555599 10.8179H6.02999L1.82311 6.61171C2.16232 5.91247 2.64191 5.21389 3.21824 4.51465L9.60749 10.9039C9.90505 11.2015 10.0542 11.5944 10.0542 11.9867C10.0542 12.379 9.90505 12.7719 9.60749 13.0695L3.21824 19.4587C2.64191 18.7595 2.16299 18.0609 1.82311 17.3617L6.02999 13.1548H0.555599C0.487757 12.7551 0.456859 12.3662 0.45753 11.986" fill="white"/>
</mask>
<g mask="url(#mask0_3802_9539)">
<path d="M10.0543 4.51465H0.457031V19.4594H10.0543V4.51465Z" fill="url(#paint0_linear_3802_9539)"/>
</g>
<mask id="mask1_3802_9539" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="4" y="0" width="16" height="11">
<path d="M11.9867 0.45753C12.3669 0.45753 12.7558 0.487085 13.1555 0.555599V6.02999L17.3623 1.82311C18.0616 2.16232 18.7602 2.64191 19.4594 3.21824L13.0701 9.60749C12.7726 9.90505 12.3796 10.0542 11.9874 10.0542C11.5951 10.0542 11.2021 9.90505 10.9046 9.60749L4.51465 3.21824C5.21389 2.64191 5.91247 2.16299 6.61171 1.82311L10.8186 6.02999V0.555599C11.2183 0.487757 11.6072 0.456859 11.9874 0.45753" fill="white"/>
</mask>
<g mask="url(#mask1_3802_9539)">
<path d="M19.4594 0.457031H4.51465V10.0543H19.4594V0.457031Z" fill="url(#paint1_linear_3802_9539)"/>
</g>
<mask id="mask2_3802_9539" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="13" y="4" width="11" height="16">
<path d="M23.5156 11.9865C23.5156 12.3667 23.4854 12.7549 23.4175 13.1553H17.9431L22.15 17.3622C21.8108 18.0614 21.3312 18.76 20.7549 19.4592L14.3656 13.07C14.0681 12.7724 13.9189 12.3795 13.9189 11.9872C13.9189 11.5949 14.0681 11.202 14.3656 10.9044L20.7549 4.51514C21.3312 5.21438 21.8101 5.91295 22.15 6.6122L17.9431 10.8191H23.4175C23.4854 11.2187 23.5163 11.6077 23.5156 11.9878" fill="white"/>
</mask>
<g mask="url(#mask2_3802_9539)">
<path d="M23.5163 4.51465H13.9189V19.4594H23.5163V4.51465Z" fill="url(#paint2_linear_3802_9539)"/>
</g>
<mask id="mask3_3802_9539" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="4" y="13" width="16" height="11">
<path d="M11.9864 23.5159C11.6062 23.5159 11.218 23.4857 10.8176 23.4178V17.9434L6.61073 22.1503C5.91149 21.8111 5.21292 21.3315 4.51367 20.7559L10.9029 14.3666C11.2005 14.069 11.5934 13.9199 11.9857 13.9199C12.378 13.9199 12.7709 14.069 13.0685 14.3666L19.4578 20.7559C18.7585 21.3322 18.0599 21.8111 17.3607 22.1503L13.1538 17.9434V23.4178C12.7541 23.4857 12.3652 23.5166 11.985 23.5159" fill="white"/>
</mask>
<g mask="url(#mask3_3802_9539)">
<path d="M19.4589 13.9194H4.51416V23.5167H19.4589V13.9194Z" fill="url(#paint3_linear_3802_9539)"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M68.1888 6.01502H74.3044C75.4448 6.01502 76.3782 6.94844 76.3782 8.08881V8.27989C76.3782 9.52504 75.3594 10.5439 74.1142 10.5439H69.1468C69.1468 11.9969 69.8504 12.9558 70.9661 12.9558H74.3414C75.5558 12.9558 77.1549 13.825 77.1549 15.0296V15.2207C77.1549 16.4658 76.1361 17.4847 74.8909 17.4847H68.1888V6.01502ZM48.2302 3.70348H49.9016C50.7285 3.70348 51.462 4.20718 51.8169 4.56205L60.0909 15.351V3.70348H62.7027V19.8904H61.0639C60.237 19.8904 59.9852 19.466 59.6303 19.1111L50.8746 7.85105V19.8904H48.2294V3.70348H48.2302ZM37.0054 14.4202L40.0249 17.4988C39.3108 17.8651 38.4936 18.0667 37.5989 18.0667C34.3425 18.0667 32.119 15.4038 32.119 11.8295C32.119 8.25524 34.3126 5.59234 37.5989 5.59234C40.8853 5.59234 43.0788 8.22442 43.0788 11.8295C43.0788 13.3961 42.6517 14.7883 41.8971 15.8573L40.5815 14.5268C40.5815 14.5268 39.058 12.866 37.0054 14.4211V14.4202ZM37.598 3.3125C42.6702 3.3125 45.9768 7.12544 45.9768 11.8295C45.9768 14.1288 45.1711 16.2149 43.763 17.7471L45.8914 19.901C45.8914 19.901 45.1086 20.6204 44.0932 20.6204C43.0779 20.6204 42.4113 19.9327 42.4113 19.9327L41.7914 19.3004C40.592 19.967 39.1769 20.3457 37.598 20.3457C32.5892 20.3457 29.2192 16.5328 29.2192 11.8295C29.2192 7.12632 32.5258 3.3125 37.598 3.3125ZM74.3458 3.70348H65.4378V19.8904H74.8566C80.31 19.8904 81.8308 13.2129 77.449 11.7811C77.0968 11.6658 76.6635 11.6587 77.2201 11.4298C77.6515 11.2519 77.9721 10.9446 78.312 10.5412C80.6755 7.74009 78.2389 3.7026 74.3458 3.7026V3.70348Z" fill="#00193E"/>
</g>
</g>
<defs>
<linearGradient id="paint0_linear_3802_9539" x1="0.457031" y1="11.9867" x2="10.0543" y2="11.9867" gradientUnits="userSpaceOnUse">
<stop stop-color="#003A73"/>
<stop offset="0.35" stop-color="#003A73"/>
<stop offset="0.73" stop-color="#0062AF"/>
<stop offset="1" stop-color="#0062AF"/>
</linearGradient>
<linearGradient id="paint1_linear_3802_9539" x1="4.51465" y1="5.25569" x2="19.4587" y2="5.25569" gradientUnits="userSpaceOnUse">
<stop stop-color="#AB004C"/>
<stop offset="0.35" stop-color="#AB004C"/>
<stop offset="0.61" stop-color="#760030"/>
<stop offset="1" stop-color="#1A1A18"/>
</linearGradient>
<linearGradient id="paint2_linear_3802_9539" x1="13.9189" y1="11.9867" x2="23.5163" y2="11.9867" gradientUnits="userSpaceOnUse">
<stop stop-color="#0062AF"/>
<stop offset="0.27" stop-color="#0062AF"/>
<stop offset="0.65" stop-color="#003A73"/>
<stop offset="1" stop-color="#003A73"/>
</linearGradient>
<linearGradient id="paint3_linear_3802_9539" x1="11.9862" y1="23.5167" x2="11.9862" y2="13.9194" gradientUnits="userSpaceOnUse">
<stop stop-color="#003A73"/>
<stop offset="0.35" stop-color="#003A73"/>
<stop offset="0.73" stop-color="#0062AF"/>
<stop offset="1" stop-color="#0062AF"/>
</linearGradient>
<clipPath id="clip0_3802_9539">
<rect width="80" height="23.9798" fill="white"/>
</clipPath>
<clipPath id="clip1_3802_9539">
<rect width="80" height="23.9798" fill="white"/>
</clipPath>
</defs>
</svg>

Engineering & Layout Guidelines

• Maintain the native 10:3 aspect ratio (viewBox "0 0 80 24") without non-uniform stretching.
• Preserve at least 20% clear space around the emblem bounding box.
• Contains vector gradients; avoid overriding paths with flat CSS fill: currentColor.