World Bank icon
thesvg-color:world-bank
The World Bank icon (thesvg-color:world-bank) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 320 × 247 grid. theSVG Color 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 Color
- Author
- thesvg.org
- License
- MIT
- Size
- 320 × 247
- Tags
- worldbank
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="320" height="247" viewBox="0 0 320 247"><path fill="#fdfdfd" 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.884c-5.043 3.066-10.715 6.084-15.853 8.125c-4.504-8.095-9.084-17.464-12.5-24.28zm-24.833-3.991l4.375.125c9.634 9.937 14.304 19.016 20 31.5c-10.869 3.37-17.644 4.86-24.25 5.375zm-.125 46.375c10.633-.849 19.248-3.28 27.25-5.875c4.713 11.301 6.868 22.406 7.25 33.375c-10.814-.146-21.724-.259-34.5.25zm36.576-9.429c5.319-2.49 11.083-5.426 18.738-10.253c11.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.884c-5.043-3.067-10.715-6.084-15.853-8.125c-4.504 8.095-9.084 17.464-12.5 24.28zm-24.833 3.99l4.375-.124c9.634-9.938 14.304-19.017 20-31.5c-10.869-3.371-17.644-4.86-24.25-5.375zm-.125-46.374c10.633.848 19.248 3.28 27.25 5.875c4.713-11.302 6.868-22.407 7.25-33.375c-10.814.145-21.724.258-34.5-.25zm36.576 9.428c5.319 2.491 11.083 5.427 18.738 10.253c11.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.884c5.043 3.066 10.716 6.084 15.853 8.125c4.504-8.095 9.084-17.464 12.5-24.28zm24.832-3.991l-4.375.125c-9.634 9.937-14.304 19.016-20 31.5c10.869 3.37 17.644 4.86 24.25 5.375zm.125 46.375c-10.633-.849-19.248-3.28-27.25-5.875c-4.713 11.301-6.868 22.406-7.25 33.375c10.814-.146 21.724-.259 34.5.25zm-36.575-9.429c-5.32-2.49-11.084-5.426-18.739-10.253c-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.884c5.043-3.067 10.716-6.084 15.853-8.125c4.504 8.095 9.084 17.464 12.5 24.28zm24.832 3.99l-4.375-.124c-9.634-9.938-14.304-19.017-20-31.5c10.869-3.371 17.644-4.86 24.25-5.375zm.125-46.374c-10.633.848-19.248 3.28-27.25 5.875c-4.713-11.302-6.868-22.407-7.25-33.375c10.814.145 21.724.258 34.5-.25zm-36.575 9.428c-5.32 2.491-11.084 5.427-18.739 10.253c-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="#000" stroke-width="8.088" d="M613.5 178a99.5 101 0 1 1-199 0a99.5 101 0 1 1 199 0z" transform="matrix(.9357 0 .01206 .91905 -323.102 -56.268)"/><path fill="#4d4d4d" d="M8.54 214.422h19.834v4.195h-7.135v17.326h-5.55v-17.326H8.54zm22.689 0h5.55v8.202h8.187v-8.202h5.55v21.521h-5.55v-9.124h-8.187v9.124h-5.55zm24.735 0H70.94v4.194h-9.427v4.007h8.865v4.195h-8.865v4.93h9.744v4.194H55.963zm28.613 0h5.319l3.719 15.639l3.69-15.64h5.348l3.69 15.64l3.719-15.64h5.275l-5.074 21.521h-6.4l-3.906-16.36l-3.863 16.36h-6.4zm44.238 3.632q-2.537 0-3.935 1.874q-1.4 1.873-1.399 5.275q0 3.387 1.399 5.261q1.397 1.874 3.935 1.874q2.55 0 3.95-1.874q1.397-1.874 1.398-5.26q0-3.403-1.399-5.276q-1.397-1.875-3.95-1.874m0-4.022q5.19 0 8.13 2.97q2.94 2.969 2.941 8.201q0 5.218-2.94 8.188t-8.13 2.969q-5.175 0-8.13-2.97q-2.94-2.969-2.94-8.187q0-5.232 2.94-8.202q2.955-2.97 8.13-2.969m23.135 9.932q1.744 0 2.494-.65q.764-.648.764-2.132q0-1.47-.764-2.105q-.75-.634-2.494-.634h-2.335v5.52zm-2.335 3.835v8.144h-5.55v-21.52h8.476q4.252 0 6.227 1.426q1.99 1.428 1.99 4.512q0 2.133-1.039 3.503q-1.023 1.369-3.099 2.018q1.14.26 2.033 1.182q.908.908 1.83 2.767l3.013 6.112h-5.91l-2.623-5.348q-.793-1.614-1.615-2.205q-.807-.591-2.162-.591zm17.167-13.377h5.55v17.326h9.744v4.195h-15.294zm24.346 4.194v13.131h1.99q3.4 0 5.189-1.686q1.801-1.686 1.802-4.901q0-3.2-1.788-4.872q-1.787-1.672-5.203-1.672zm-5.55-4.195h5.853q4.901 0 7.294.707q2.407.69 4.122 2.364a9.2 9.2 0 0 1 2.249 3.358q.735 1.903.735 4.31q0 2.436-.735 4.353a9.2 9.2 0 0 1-2.249 3.359q-1.73 1.671-4.151 2.378q-2.422.692-7.265.692h-5.852zm43.387 8.33q1.312 0 1.99-.576t.677-1.7q0-1.11-.678-1.687q-.677-.591-1.989-.591h-3.07v4.555zm.188 9.412q1.671 0 2.508-.706q.85-.706.85-2.133q0-1.399-.836-2.09q-.836-.707-2.522-.707h-3.258v5.636zm5.16-7.74q1.788.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.354q2.018 1.356 2.018 4.339q0 1.57-.735 2.681q-.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.191l11.431 11.33h-6.948l-8.562-8.476v8.476h-5.55z"/></svg>How to use the World Bank icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:world-bank" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:world-bank" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:world-bank" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--world-bank]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:world-bank"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:world-bank"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/world-bank.svg" alt="World Bank icon" width="24" height="24">Related icons in theSVG Color
World Bank icon FAQ
Is the World Bank icon free for commercial use?
Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the World Bank icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:world-bank" />, or use “Copy code” on this page to get a standalone React component.
How do I add the World Bank icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/world-bank.svg" alt="World Bank icon">, or paste the SVG code inline to style it with CSS.