How to use the World Bank icon
import { WorldBankLogo } from "@/assets/icons/worldbankLogo"
export default function Example() {
return <WorldBankLogo width="32px" height="32px" />
}Brands icon
World Bank JSX Icon
Copy the World Bank icon as an optimized JSX SVG component for React, Next.js, dashboards, landing pages and Tailwind interfaces.
ComponentWorldBankLogo
FileworldbankLogo.jsx
CategoryBrands
Copy-ready code
World Bank React JSX component
// Source: https://raw.githubusercontent.com/glincker/thesvg/bc1ea3c9c5901d1d7a9438e760a9d071955ff29d/public/icons/world-bank/default.svg
// Asset license: MIT License
// Optimized, converted to monochrome currentColor JSX, and parameterized by JSXIcons.
export const WorldBankLogo = ({ width = "40px", height = "40px", color = "#0071BC", ...props }) => (
<svg {...props} width={width} height={height} viewBox="0 0 320 246.858" xmlns="http://www.w3.org/2000/svg" fill={color} color={color}>
<path fill="currentColor" d="M0 123.429V0h320v246.858H0z"/><path d="M931.674 188.752c1.447-.025 3.815-.025 5.262 0s.263.046-2.63.046c-2.895 0-4.079-.02-2.632-.046"/><path d="M936.097 188.765a.6.6 0 0 1 .381 0c.105.043.02.077-.19.077s-.296-.034-.19-.077M190.36 31.318c10.716 3.799 18.205 10.49 24.167 15.884-5.043 3.066-10.715 6.084-15.853 8.125-4.504-8.095-9.084-17.464-12.5-24.28zm-24.833-3.991 4.375.125c9.634 9.937 14.304 19.016 20 31.5-10.869 3.37-17.644 4.86-24.25 5.375zm-.125 46.375c10.633-.849 19.248-3.28 27.25-5.875 4.713 11.301 6.868 22.406 7.25 33.375-10.814-.146-21.724-.259-34.5.25zm36.576-9.429c5.319-2.49 11.083-5.426 18.738-10.253 11.261 13.118 19.612 29.394 18.561 47.73l-28.814-.53c-1.155-13.152-4.524-25.198-8.485-36.947M190.859 182.26c10.716-3.8 18.205-10.49 24.167-15.884-5.043-3.067-10.715-6.084-15.853-8.125-4.504 8.095-9.084 17.464-12.5 24.28zm-24.833 3.99 4.375-.124c9.634-9.938 14.304-19.017 20-31.5-10.869-3.371-17.644-4.86-24.25-5.375zm-.125-46.374c10.633.848 19.248 3.28 27.25 5.875 4.713-11.302 6.868-22.407 7.25-33.375-10.814.145-21.724.258-34.5-.25zm36.576 9.428c5.319 2.491 11.083 5.427 18.738 10.253 11.261-13.118 19.612-29.393 18.561-47.73l-28.814.531c-1.155 13.152-4.524 25.197-8.485 36.946M130.909 31.818c-10.717 3.799-18.206 10.49-24.168 15.884 5.043 3.066 10.716 6.084 15.853 8.125 4.504-8.095 9.084-17.464 12.5-24.28zm24.832-3.991-4.375.125c-9.634 9.937-14.304 19.016-20 31.5 10.869 3.37 17.644 4.86 24.25 5.375zm.125 46.375c-10.633-.849-19.248-3.28-27.25-5.875-4.713 11.301-6.868 22.406-7.25 33.375 10.814-.146 21.724-.259 34.5.25zm-36.575-9.429c-5.32-2.49-11.084-5.426-18.739-10.253-11.261 13.118-19.612 29.394-18.561 47.73l28.814-.53c1.156-13.152 4.524-25.198 8.486-36.947m11.118 117.986c-10.717-3.8-18.206-10.49-24.168-15.884 5.043-3.067 10.716-6.084 15.853-8.125 4.504 8.095 9.084 17.464 12.5 24.28zm24.832 3.99-4.375-.124c-9.634-9.938-14.304-19.017-20-31.5 10.869-3.371 17.644-4.86 24.25-5.375zm.125-46.374c-10.633.848-19.248 3.28-27.25 5.875-4.713-11.302-6.868-22.407-7.25-33.375 10.814.145 21.724.258 34.5-.25zm-36.575 9.428c-5.32 2.491-11.084 5.427-18.739 10.253-11.261-13.118-19.612-29.393-18.561-47.73l28.814.531c1.156 13.152 4.524 25.197 8.486 36.946"/><path fill="none" stroke="currentColor" strokeWidth="8.088" d="M613.5 178a99.5 101 0 1 1-199 0 99.5 101 0 1 1 199 0z" transform="matrix(.9357 0 .01206 .91905 -323.102 -56.268)"/><g><path fill="currentColor" d="M14.7 214.27h19.834v4.195h-7.135v17.326h-5.55v-17.326H14.7zm22.689 0h5.55v8.202h8.187v-8.202h5.55v21.521h-5.55v-9.124h-8.187v9.124h-5.55zm24.735 0H77.1v4.194h-9.427v4.007h8.865v4.195h-8.865v4.93h9.744v4.194H62.123zm28.613 0h5.319l3.719 15.639 3.69-15.64h5.348l3.69 15.64 3.719-15.64h5.275l-5.074 21.521h-6.4l-3.906-16.36-3.863 16.36h-6.4zm44.238 3.632q-2.537 0-3.935 1.874-1.4 1.873-1.399 5.275 0 3.387 1.399 5.261 1.398 1.875 3.935 1.874 2.55 0 3.95-1.874 1.397-1.874 1.398-5.26 0-3.403-1.399-5.276-1.397-1.874-3.95-1.874m0-4.022q5.19 0 8.13 2.97 2.94 2.969 2.941 8.201 0 5.218-2.94 8.188t-8.13 2.969q-5.175 0-8.13-2.97-2.94-2.969-2.94-8.187 0-5.232 2.94-8.202 2.955-2.97 8.13-2.969m23.135 9.932q1.744 0 2.494-.65.764-.647.764-2.132 0-1.47-.764-2.105-.75-.634-2.494-.634h-2.335v5.52zm-2.335 3.835v8.144h-5.55v-21.52h8.476q4.252 0 6.227 1.426 1.99 1.428 1.99 4.512 0 2.133-1.039 3.503-1.023 1.369-3.099 2.018 1.14.26 2.033 1.182.907.908 1.83 2.767l3.013 6.112h-5.91l-2.623-5.348q-.793-1.614-1.615-2.205-.807-.591-2.162-.591zm17.167-13.377h5.55v17.326h9.744v4.195h-15.294zm24.346 4.194v13.131h1.99q3.4 0 5.189-1.686 1.801-1.686 1.802-4.901 0-3.2-1.788-4.872-1.787-1.672-5.203-1.672zm-5.55-4.195h5.853q4.901 0 7.294.707 2.408.69 4.122 2.364a9.2 9.2 0 0 1 2.249 3.358q.735 1.903.735 4.31 0 2.436-.735 4.353a9.2 9.2 0 0 1-2.249 3.359q-1.73 1.671-4.151 2.378-2.422.692-7.265.692h-5.852zm43.387 8.33q1.312 0 1.99-.576t.677-1.7q0-1.11-.678-1.687-.677-.591-1.989-.591h-3.07v4.555zm.188 9.412q1.671 0 2.508-.706.85-.706.85-2.133 0-1.399-.836-2.09-.836-.707-2.522-.707h-3.258v5.636zm5.16-7.74q1.787.519 2.768 1.917t.98 3.43q0 3.114-2.105 4.642t-6.4 1.528h-9.21v-21.52h8.33q4.485-.001 6.487 1.354 2.019 1.356 2.018 4.339 0 1.57-.735 2.681-.734 1.095-2.133 1.629m21.578 7.596h-8.677l-1.37 3.921h-5.578l7.971-21.52h6.617l7.97 21.52h-5.578zm-7.293-3.994h5.895l-2.94-8.562zm17.066-13.607h6.199l7.827 14.76v-14.76h5.26v21.521h-6.197l-7.827-14.76v14.76h-5.262zm24.736 0h5.55v7.855l8-7.856h6.442l-10.364 10.191 11.431 11.33h-6.948l-8.562-8.476v8.476h-5.55z" fontFamily="Myriad Pro" fontWeight="700" transform="translate(-6.16 .152)"/></g>
</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 World 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.