How to use the BNP Paribas icon
import { BnpParibasLogo } from "@/assets/icons/bnpparibasLogo"
export default function Example() {
return <BnpParibasLogo width="32px" height="32px" />
}Brands icon
BNP Paribas JSX Icon
Copy the BNP Paribas icon as an optimized JSX SVG component for React, Next.js, dashboards, landing pages and Tailwind interfaces.
ComponentBnpParibasLogo
FilebnpparibasLogo.jsx
CategoryBrands
Copy-ready code
BNP Paribas React JSX component
// Source: https://raw.githubusercontent.com/glincker/thesvg/bc1ea3c9c5901d1d7a9438e760a9d071955ff29d/public/icons/bnp-paribas/default.svg
// Asset license: MIT License
// Optimized, converted to monochrome currentColor JSX, and parameterized by JSXIcons.
export const BnpParibasLogo = ({ width = "40px", height = "40px", color = "#00965E", ...props }) => (
<svg {...props} width={width} height={height} viewBox="0 0 305.4 49.966" xmlns="http://www.w3.org/2000/svg" fill={color} color={color}>
<g><path d="M0 0c1.113-.009 1.521-.235 1.521-.841a.64.64 0 0 0-.15-.429c-.213-.256-.628-.388-1.158-.355H.186l-.311-.81h.311c.614.018 1.149-.175 1.423-.51a.82.82 0 0 0 .191-.524c0-.633-.559-.96-1.659-.96-.186 0-.488 0-.675.006A83 83 0 0 0-.579-2.09c0 .399.026 1.288.045 2.047C-.407-.017-.196 0 0 0m-2.063.582c.035-.6.07-2.118.07-2.672 0-.51-.001-2.217-.09-2.953l-.006-.058H.583c1.312 0 2.7.408 2.7 1.572 0 .729-.528 1.268-1.516 1.563.733.196 1.221.696 1.221 1.269C2.988.254 1.895.611.868.636h-2.946z" transform="matrix(3.01143 0 0 -3.01143 133.31 18.286)"/></g><g><path d="M0 0h-1.3l.053-1.447c.025-.715.049-1.45.1-2.164-.084.223-.162.339-.557.913-.001.02-1.352 2.095-1.821 2.685L-3.539 0h-1.508v-.054c.048-.6.068-2.118.068-2.672 0-.51 0-2.217-.072-2.954l-.013-.057h1.343v.057c-.076 1.401-.076 2.814-.076 4.185.047-.167.107-.309.318-.622.018-.038 2.332-3.404 2.444-3.596l.012-.024H.053l-.001.057c-.082.737-.089 2.444-.089 2.954 0 .554.037 2.072.072 2.672L.052 0Z" transform="matrix(3.01143 0 0 -3.01143 161.76 16.37)"/></g><g><path d="M0 0c.749.013 1.272-.137 1.52-.452a.8.8 0 0 0 .177-.517c0-.83-.936-1.01-1.717-1.01l-.317.018-.131.013c-.005.191-.005.444-.005.728 0 .361 0 .79.017 1.187C-.346-.019-.18 0 0 0m-1.971.639c.053-.601.073-2.119.073-2.673 0-.51 0-2.217-.079-2.953v-.058h1.599l-.007.058c-.055.53-.083 1.54-.088 2.312l.302-.016.226-.004c2.103 0 3.126.556 3.126 1.726C3.181.362 1.746.667.549.693h-2.52z" transform="matrix(3.01143 0 0 -3.01143 172.374 18.456)"/></g><g><path d="M0 0c.751.013 1.273-.137 1.524-.452a.78.78 0 0 0 .174-.517c0-.83-.934-1.01-1.706-1.01l-.316.018s-.084.007-.133.013c-.009.191-.009.446-.009.728 0 .365 0 .79.015 1.187.1.014.273.033.451.033m-1.968.639c.051-.601.08-2.119.08-2.673 0-.51-.005-2.217-.089-2.953v-.058h1.601l-.01.058c-.051.53-.08 1.54-.08 2.312l.288-.016.231-.004c2.103 0 3.135.556 3.135 1.726C3.188.362 1.745.667.545.693h-2.513z" transform="matrix(3.01143 0 0 -3.01143 197.068 18.456)"/></g><g><path d="M0 0c.127-.273.457-1.036.829-1.946-.057-.003-.13-.003-.13-.003L0-1.959s-.724.01-.844.013C-.543-1.218-.244-.561 0 0m-.389 1.69H-.41l-.011-.029C-.719.844-2.636-3.335-2.94-3.976l-.025-.071h1.361l.012.031c.12.393.281.837.456 1.311L0-2.689l.94-.007s.152-.009.197-.009c.243-.617.429-1.082.509-1.318l.016-.024H3.24L.691 1.69H.659Z" transform="matrix(3.01143 0 0 -3.01143 214.278 21.46)"/></g><g><path d="M0 0c.046-.601.068-2.119.068-2.672 0-.51 0-2.217-.087-2.954v-.058H1.59l-.007.058c-.085.742-.091 2.444-.091 2.954 0 .399.012 1.288.052 2.006.123.009.308.027.434.027.744.013 1.27-.14 1.516-.452a.77.77 0 0 0 .171-.517c0-.663-.618-.998-1.196-1.028-.193-.008-.337.017-.337.017L2.02-2.6l.062-.105a36 36 0 0 0 1.777-2.954l.01-.025h1.718l-.042.078c-.07.096-1.189 1.742-1.665 2.445 0 0-.021.02-.041.042.881.265 1.306.757 1.306 1.511C5.145-.286 3.71.028 2.499.054H-.005z" transform="matrix(3.01143 0 0 -3.01143 225.967 16.533)"/></g><g><path d="M0 0h-1.532l.009-.054c.039-.6.07-2.118.07-2.672 0-.507-.007-2.212-.079-2.954l-.006-.057H.05l-.008.057c-.061.742-.08 2.447-.08 2.954 0 .554.038 2.072.08 2.672V0Z" transform="matrix(3.01143 0 0 -3.01143 249.642 16.37)"/></g><g><path d="M0 0c1.122-.009 1.53-.235 1.53-.841a.63.63 0 0 0-.153-.429c-.203-.256-.635-.388-1.16-.355H.19l-.309-.81H.19c.617.018 1.146-.175 1.421-.51a.8.8 0 0 0 .197-.524c0-.633-.56-.96-1.667-.96-.178 0-.477 0-.665.006C-.57-3.578-.57-2.435-.57-2.09c0 .399.015 1.288.046 2.047C-.403-.017-.193 0 0 0m-2.061.582c.045-.6.074-2.118.074-2.672 0-.51 0-2.217-.081-2.953l-.013-.058H.594c1.308 0 2.7.408 2.7 1.572 0 .729-.529 1.268-1.526 1.563.734.196 1.229.696 1.229 1.269C2.997.254 1.902.611.883.636h-2.951z" transform="matrix(3.01143 0 0 -3.01143 260.359 18.286)"/></g><g><path d="M0 0a48 48 0 0 0 .828-1.943c-.056 0-.126-.006-.126-.006L0-1.959s-.732.016-.841.016C-.544-1.211-.252-.558 0 0m.661 1.687H-.415l-.007-.026c-.32-.869-2.346-5.269-2.517-5.634l-.029-.078h1.369l.008.034c.114.393.273.835.451 1.318l1.132.017.942-.015.2-.002c.247-.617.43-1.086.511-1.318l.014-.034h1.584L.695 1.687Z" transform="matrix(3.01143 0 0 -3.01143 280.134 21.45)"/></g><g><path d="M0 0c0-1.008 1.011-1.414 1.906-1.784.696-.278 1.425-.57 1.425-1.05 0-.146-.028-.267-.109-.354-.168-.197-.508-.28-1.046-.25-.534.021-1.134.189-1.812.501L.1-2.81v-1.25l.18-.046.105-.018c.334-.082.98-.234 1.62-.234 1.687 0 2.694.672 2.694 1.783 0 1.043-1.039 1.449-1.957 1.814-.677.274-1.377.546-1.377.993 0 .129 0 .506.873.506.644 0 1.271-.262 1.626-.399l.324-.134-.002.215v1.039l-.322.058c-.328.067-.875.175-1.438.175C.972 1.692 0 1.005 0 0" transform="matrix(3.01143 0 0 -3.01143 291.25 20.84)"/></g><g><path d="M0 0c-.189 0-.403-.017-.511-.033A41 41 0 0 1-.56-2.097c0-1.043 0-1.479.041-2.326.19-.009.494-.009.667-.009q1.665 0 1.663.962c0 .757-.913 1.028-1.605 1.028h-.321l.321.814h.198c.469 0 1.136.214 1.136.789C1.54-.23 1.128 0 0 0m.889.641c1.029 0 2.115-.378 2.115-1.332 0-.575-.485-1.085-1.218-1.274.996-.304 1.515-.839 1.515-1.57 0-1.168-1.383-1.579-2.7-1.579h-2.675c.074.756.091 1.842.091 3.017 0 .79-.009 1.982-.083 2.738z" transform="matrix(3.01143 0 0 -3.01143 69.394 18.248)"/></g><g><path d="M0 0a68 68 0 0 1-.074-2.417c-.56-.304-1.293-.46-2.214-.46-2.091 0-3.4 1.298-3.4 2.951 0 1.743 1.383 3.001 3.671 3.001.527 0 1.045-.083 1.556-.206l-.362-.962c-.313.19-.7.346-1.219.346-1.497 0-2.024-1.184-2.024-2.196 0-1.685.963-2.178 2.033-2.178.189 0 .37.033.535.074-.008.682-.05 1.554-.074 2.047z" transform="matrix(3.01143 0 0 -3.01143 98.58 25.28)"/></g><g><path d="m0 0 1.262 1.797c.463-.005.879-.018 1.284-.027v.735a70 70 0 0 0-.801-.019l1.429 2.036v.493h-4.588v-.83c.583.065 1.176.082 1.767.082.371 0 .716-.017 1.094-.033L.211 2.477c-.37.004-.767.012-1.22.028V1.77q.372.014.736.02L-1.677-.205V-.74h4.892v.83C2.154.025 1.085.016 0 0" transform="matrix(3.01143 0 0 -3.01143 106.74 31.419)"/></g><path d="M43.058 42.52h42.524v41.817H43.058Z" transform="matrix(1.19487 0 0 -1.19487 -51.449 100.771)"/><path d="M-224.94 312.998c1.387.582 6.963 3.602 7.652 4.554-2.971.401-8.6 2.086-11.439 3.603 3.262-.723 7.83-1.1 10.974-1.268-1.228 1.803-1.92 2.72-3.905 4.875 3.41-2.041 4.371-2.197 7.507-4.04 1.198 1.757 1.477 5.804 1.514 9.008 1.027-2.028 2.272-9.687 1.751-11.079 1.88-1.246 1.9-1.731 2.388-2.569-1.915.171-2.985.187-4.014.508-2.617-1.6-8.013-3.25-12.428-3.592M-237.112 348.195c-1.802-.668-3.1-1.446-4.529-2.782.428-1.18.916-2.103 1.712-3.286a94 94 0 0 0-3.807.623c-1.027-1.797-1.493-3.533-2.017-5.948-.28 2.56-.385 4.387-.025 6.425-1.157.321-1.978.603-2.932 1.032 1.336.817 2.415 1.447 3.906 2.142.802 1.72 1.63 2.881 2.975 4.206-.315-1.129-.399-2.026-.27-3.21 1.667.485 3.094.74 4.987.798M-232.421 322.725c-.562.73-1.213 2.088-1.389 2.719 4.645.63 8.372 3.014 8.372 3.014-4.062-.72-6.202-.63-7.717-.494-1.505.142-1.815.319-1.815.319-1.096 2.4-1.753 6.522-1.753 6.522-.738-1.781-1.806-5.349-1.806-5.349-2.05 1.096-6.762 5.53-6.762 5.53 2.59-5.19 5.22-7.552 5.22-7.552-.904-.916-3.277-1.374-5.013-1.45.9-.368 3.213-.798 4.988-.88 1.778-.051 2.854.05 2.854.05 1.585-1.252 3.992-2.306 4.82-2.429M-227.495 344.977a38 38 0 0 1-2.434 3.003c-1.563.438-2.81.6-4.333.6.935.484 1.84.773 2.817.977-.976.883-1.8 1.512-2.748 2.115 1.588-.376 3.675-1.05 5.23-1.97.812.032 1.571-.02 2.128-.13-.146-.471-.234-.823-.353-1.436 1.464-1.132 2.526-2.159 3.745-3.392-1.296.905-2.415 1.58-3.916 2.288a40 40 0 0 1-.136-2.055" transform="translate(253.77 -307.358)"/>
</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 BNP Paribas 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.