How to use the Banco de Bogotá icon
import { BancoDeBogotaLogo } from "@/assets/icons/bancodebogotaLogo"
export default function Example() {
return <BancoDeBogotaLogo width="32px" height="32px" />
}Brands icon
Banco de Bogotá JSX Icon
Copy the Banco de Bogotá icon as an optimized JSX SVG component for React, Next.js, dashboards, landing pages and Tailwind interfaces.
ComponentBancoDeBogotaLogo
FilebancodebogotaLogo.jsx
CategoryBrands
Copy-ready code
Banco de Bogotá React JSX component
// Source: https://commons.wikimedia.org/wiki/Special:PermanentLink/1117873754
// Asset license: Public domain textlogo
// Optimized, converted to monochrome currentColor JSX, and parameterized by JSXIcons.
export const BancoDeBogotaLogo = ({ width = "40px", height = "40px", color = "#003DA5", ...props }) => (
<svg {...props} width={width} height={height} viewBox="0 0 2366.667 477.778" xmlns="http://www.w3.org/2000/svg" fill={color} color={color}>
<g><g><g><path d="M5891 3906c-123 2-224 88-229 205-4 118 87 217 205 221 60 2 115-20 155-59 39-37 37-102 6-73-34 32-81 52-133 50-99-4-175-83-172-178 3-88 90-157 168-161l2-6h-4z" transform="translate(-3763.389 -3886.56)"/><path d="M5908 3912c99 6 181 90-108 175 73 14 128 49 128 49 247-125 106-230-33-230l-2 6z" transform="translate(-3763.389 -3886.56)"/><path d="M5798 4086c65 8 203 82 215 152 0-1-4-29-4-29-10-66 4-130 105-136-49-23-92-32-130-32-78 0-138 34-186 44z" transform="translate(-3763.389 -3886.56)"/><path d="M6012 4232c1 3 7 30-7 57-18 31-47 54-103 69 144 7 309-132 160-265-63 26-56 97-50 139" transform="translate(-3763.389 -3886.56)"/></g><g><path d="M4310 4184c-13 4-23 5-32 5-25 0-30-22-30-40q0-42 30-42c10 0 17 2 17 2l18 7v-23l-2-1c-6-3-22-9-39-9-36 0-59 26-59 66 0 38 23 64 56 64 15 0 28-3 48-12l3-1-5-17-4 1zM3891 4119c16-7 23-18 23-37 0-18-9-33-24-39-11-4-21-6-51-6h-64v18s16 2 20 3v152h51c25 0 36-2 47-7 17-8 27-24 27-43q0-33-30-42zm-60-59h10c13 0 24 0 30 5 4 4 7 10 7 17 0 17-5 24-26 26l-15 2-7 11v-62zm41 122c-8 6-20 7-35 7h-6v-57h13c13 0 23 0 30 6 5 5 9 12 9 21 0 10-4 18-10 23zM4906 4119c16-7 23-18 23-37 0-18-9-33-24-39-11-4-21-6-51-6h-64v18s16 2 20 3v152h51c25 0 36-2 47-7 17-8 27-24 27-43q0-33-30-42zm-60-59h10c13 0 24 0 30 5 4 4 7 10 7 17 0 17-5 24-26 26l-15 2-7 11v-62zm41 122c-8 6-20 7-35 7h-6v-57h13c13 0 23 0 30 6q9 7.5 9 21c0 10-4 18-10 23zM4160 4084c-11 0-24 4-39 10 0-3-1-10-1-10l-52 7v18h19v102h34v-95c5-2 16-5 26-5 5 0 9 1 11 3 3 3 3 10 3 17v80h35v-81c0-19-1-25-7-33-7-9-17-13-30-13zM4386 4084c-38 0-62 25-62 65s23 65 62 65c38 0 62-25 62-65s-23-65-62-65m0 107c-11 0-26-4-26-42 0-37 13-42 26-42 11 0 26 4 26 42 0 37-13 43-26 43zM5285 4084c-38 0-62 25-62 65s23 65 62 65c38 0 62-25 62-65s-23-65-62-65m0 107c-11 0-26-4-26-42 0-37 13-42 26-42 11 0 26 4 26 42 0 37-13 43-26 43zM5429 4187l-24 4c-5 0-7-1-8-3-1-1-1-2-1-12v-67h34v-21h-34v-33h-4l-30 3v118c0 13 1 21 7 28 5 6 13 10 25 10 11 0 24-3 37-8l3-1-5-17zM5015 4084c-38 0-62 25-62 65s23 65 62 65c38 0 62-25 62-65s-23-65-62-65m0 107c-11 0-26-4-26-42 0-37 13-42 26-42 11 0 26 4 26 42 0 37-13 43-26 43zM5174 4094c-8-5-17-7-27-7-34 0-59 27-59 66 0 37 19 60 50 60 8 0 16-2 34-10v10c0 21-8 28-35 28-12 0-29-2-41-5v21c26 6 36 7 49 7 17 0 31-3 41-8 15-8 21-19 21-41v-126h-34v5zm-1 92c-6 1-10 1-16 1-21 0-32-13-32-38 0-26 13-41 35-41 4 0 7 0 13 1v76zM4051 4089h-34v5c-8-4-17-7-26-7-34 0-58 27-58 66 0 37 19 60 49 60 8 0 18-4 34-13v11h1l48-5v-20h-14zm-34 98c-6 1-11 1-16 1-21 0-33-14-33-39 0-26 13-41 36-41 4 0 7 0 13 1v77zM5557 4089h-34v5c-8-4-17-7-26-7-34 0-58 27-58 66 0 37 19 60 49 60 8 0 18-4 34-13v11l49-5v-20h-14zm-34 98c-6 1-11 1-16 1-21 0-33-14-33-39 0-26 13-41 36-41 4 0 7 0 13 1v77zM5529 4033l-54 22 5 16 61-13-8-26zM4613 4029h-6l-45 6v15h17v40c-14-5-32-8-50-3-24 8-37 29-38 61-1 28 14 51 37 59 17 6 40-1 52-7v10l46-6v-15h-15c0-3 1-161 1-161zm-34 156c-16 4-33 7-44-6-6-8-8-19-8-31v-4c0-13 4-21 10-29 11-12 29-10 42-3 0 0-1 71-1 74zM4695 4084c-8 0-15 1-22 3-25 8-40 30-40 62-1 29 15 53 39 61 22 7 54-1 74-12l1-1-6-18-11 4c-16 5-37 13-51-3-7-8-8-21-8-31l67 1h10v-10c0-58-51-57-53-57zm-24 48c0-2 1-27 24-27s23 25 23 27z" transform="translate(-3763.389 -3886.56)"/></g></g></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 Banco de Bogotá 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.