Citibank icon
thesvg-color:citibank
The Citibank icon (thesvg-color:citibank) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 300 × 195 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
- 300 × 195
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="300" height="195" viewBox="0 0 300 195"><path fill="#003b70" d="m92.13 156.048l-.53.513c-8.533 8.694-18.411 13.303-28.59 13.303c-21.244 0-36.666-15.938-36.666-37.93c0-21.95 15.422-37.91 36.667-37.91c10.178 0 20.056 4.626 28.59 13.344l.53.528l13.662-16.521l-.365-.449C94.065 77.5 80.431 70.962 63.67 70.962c-16.819 0-32.194 5.66-43.274 15.869C8.356 97.885 2 113.475 2 131.935c0 18.45 6.356 34.079 18.396 45.136c11.08 10.255 26.455 15.884 43.274 15.884c16.761 0 30.395-6.532 41.758-19.965l.365-.417zm27.47 34.659h24.137V72.877H119.6zm118.685-25.621c-6.44 3.92-12.433 5.892-17.815 5.892c-7.798 0-11.322-4.116-11.322-13.284v-62.52h24.583v-22.19h-24.583V36.321L185.49 48.98v24.003h-20.41v22.19h20.41v66.508c0 18.12 10.734 30.5 26.757 30.822c10.88.213 17.438-3.028 21.421-5.398l.234-.173l5.81-22.72zm19.991 25.621h24.154V72.877h-24.154z"/><path fill="#d9261c" fill-rule="evenodd" d="M296.887 51.97C274.792 20.671 238.098 2 200.765 2c-37.318 0-74.02 18.672-96.078 49.97l-1.132 1.61h27.821l.308-.334c18.936-19.544 43.655-29.88 69.08-29.88c25.43 0 50.144 10.336 69.116 29.88l.308.334H298z"/></svg>How to use the Citibank icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:citibank" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:citibank" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:citibank" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--citibank]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:citibank"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:citibank"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/citibank.svg" alt="Citibank icon" width="24" height="24">Citibank icon in other icon sets
Citibank icon FAQ
Is the Citibank 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 Citibank icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:citibank" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Citibank icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/citibank.svg" alt="Citibank icon">, or paste the SVG code inline to style it with CSS.