How to use the Banana Republic icon
import { BananaRepublicLogo } from "@/assets/icons/bananarepublicLogo"
export default function Example() {
return <BananaRepublicLogo width="32px" height="32px" />
}Brands icon
Banana Republic JSX Icon
Copy the Banana Republic icon as an optimized JSX SVG component for React, Next.js, dashboards, landing pages and Tailwind interfaces.
ComponentBananaRepublicLogo
FilebananarepublicLogo.jsx
CategoryBrands
Copy-ready code
Banana Republic React JSX component
// Source: https://commons.wikimedia.org/wiki/Special:PermanentLink/1063365680
// Asset license: Public domain textlogo
// Optimized, converted to monochrome currentColor JSX, and parameterized by JSXIcons.
export const BananaRepublicLogo = ({ width = "40px", height = "40px", color = "#000000", ...props }) => (
<svg {...props} width={width} height={height} viewBox="0 0 2000 300" xmlns="http://www.w3.org/2000/svg" fill={color} color={color}>
<path d="M1164.3 210.1h-.3v-64h39.3c2.4 0 4.2-.7 5.9.7a7.3 7.3 0 0 1 3.7 4.1v-19.2a11.2 11.2 0 0 1-3.1 4.5c-1.7 1.7-4.7 2.4-7.2 2.4h-38.3V87.9h48.3c3.7 0 5.5 0 7.8 1.7s3.8 4.5 5.2 6.9V79.4h-89a9.5 9.5 0 0 1 5.2 3.1c1.3 1.3 1.3 4.4 1.7 8.9v120.8c-.4 2.3-1.7 6.1-4.8 8.2h93.1l4.4-23a19.1 19.1 0 0 1-7.2 9.6c-3.7 3.1-6.1 4.1-11.9 5.2-2.8.6-47.6.6-53.1-2.1ZM1491.1 172.4c0 4.5 1.4 49-56.8 50-44.8.7-59.9-22.3-59.9-50.3l.4-83.8c0-2.4.3-3.8-1-5.9a5.9 5.9 0 0 0-3.8-3h31.5a7 7 0 0 0-4.1 3.4c-1.1 1.7-.7 3.1-1.1 5.1v90.7c0 19.5 12 35.6 40.4 35.2 31.1-.6 41.7-16.4 42.1-36.2v-89c0-4.8.3-5.5-1-6.8a7.6 7.6 0 0 0-3.8-2.4h21.9c-2.1.6-2.4.3-4.1 2.4s-.4 2.4-.7 6.1zM1633.2 220.3h93.7l3.1-20.5c-2.1 3.4-3.4 6.2-6.5 8.2a22.2 22.2 0 0 1-12.3 3.4h-52.7V87.6c.3-3.1.3-4.8 1.4-6.2a15.5 15.5 0 0 1 3.7-2.4h-31.4c.3.4 2.3.7 3.7 2.4s1.4 3.4 1.4 5.8v123.6c0 4.1 0 7.2-4.1 9.5M1767.3 211.5c0 2.7 0 4.1 1.7 6.1a8.5 8.5 0 0 0 4.1 2.7h-31.5a7.8 7.8 0 0 0 3.8-3c1.4-1.7 1-3.5 1-5.9V89.6a13.9 13.9 0 0 0-1-7.2 11.7 11.7 0 0 0-3.8-3.4h30.8a13.4 13.4 0 0 0-3.7 3.8 16.9 16.9 0 0 0-1.4 6.8zM1929.2 122.8c-8.6-23.6-24.3-35.2-58.2-36.6-37-1.4-61.2 30.8-61.6 63.3s22.6 65.7 62.6 65.4c28.8 0 51-14.7 58.9-39l-.3 30.4c-14.1 9.3-36.6 16.8-61.6 16.5-50.3-.7-84.2-32.5-83.2-73.3s39.7-70.1 86.3-70.8c21.5-.3 49.2 9.3 55.7 13zM63.8 218a19.7 19.7 0 0 0 .7-4.8V53.4a9.2 9.2 0 0 0-1.4-5.2 6 6 0 0 0-3.1-2.4h51.3c20.9 0 43.2 3.1 55.5 15.4a33.9 33.9 0 0 1 9.9 23.3 39 39 0 0 1-11.6 28.4c-6.5 6.5-16.1 9.6-24.7 11.3 13.7 0 34.6 7.5 44.5 18.5 6.5 7.2 9.6 18.5 9.6 28.7s-3.1 22.6-10.6 30.5c-12 12.6-31.5 18.5-52.7 18.5l-71.2.3a4.6 4.6 0 0 0 3.8-2.7m25-161.9v64.7l23.9.3c12.3 0 25.3-2.4 32.5-10.2a33.1 33.1 0 0 0 7.9-24.3c-.7-9.6-3.8-16.8-9.2-21.6-8.9-7.9-24-8.9-39.8-9.2-5.1 0-10.2 0-15.3.3m0 74.9v76.4c0 .3 18.1 3 27.3 3 21.6.4 37.3-4.4 45.5-14.3 5.9-6.9 7.6-16.8 7.2-26.7a37.6 37.6 0 0 0-7.8-23.3c-7.6-9.9-22.6-16.1-37.7-16.1-3.4-.3-26.7.4-34.5 1M1048.3 147.8a30.4 30.4 0 0 0-7.5-7.2 30.7 30.7 0 0 0-14.4-3.8h-17.8v71.6c0 3.4-.3 6.8 1.1 8.5a8.3 8.3 0 0 0 4.7 3.4h-34.9s3.5-1 4.2-3.1 1-4.1 1-8.8V53.7c0-2.4-.4-4.8-1.7-5.8a9.5 9.5 0 0 0-4.1-2.4h58.8c17.8 0 41.8 5.8 53.1 22.2 3.7 5.5 5.8 13 6.1 20.9s-2 16.4-5.8 22.3c-11 15.7-32.5 20.5-33.9 20.5.7 1 13.4 5.1 36.3 41.4 10.9 16.8 27.7 38.7 34.2 42.1s5.5 4.1 11 5.5h-28.1c-5.8-.4-9.6-1.7-12.7-3.8a31.8 31.8 0 0 1-5.8-5.8c-5.4-7.9-40-59.2-43.8-63m-39.7-19.5 26.7-.3a41.1 41.1 0 0 0 32.5-16.8c6.9-10.3 7.5-27.4 1.4-39-7.9-14-26.7-18.2-41.8-18.2h-18.8zM1260.2 213.2V85.9a5.9 5.9 0 0 0-1.8-4.5 9 9 0 0 0-3.7-2h48.6c26.3 0 52.3 13.3 52.3 38.3 0 28.7-24.6 41.7-49.9 40.7-10-.3-17.8-1-24.4-3.1v57.9c-.3 4.4 2.4 6.1 5.5 7.5h-32.1c2.7-1.4 5.8-3.4 5.5-7.5m77.3-94.8c0-19.9-13.4-31.5-31.1-31.5H1281v62.6c5.2 1.4 11.7 1.7 17.2 2.4 23.9 1.4 39.3-12 39.3-33.5M1515.4 213.9V88.3c0-2.1 0-3.5-.6-4.8a9.4 9.4 0 0 0-4.8-3.8h43.5c24.6 0 52.7 7.2 52.7 30.8 0 16.1-14.8 29.4-29.5 32.2 17.5 0 44.2 14.4 44.5 38s-23.6 39.7-52 39.7h-58.9c3.4-.4 5.1-3.4 5.1-6.5m39.1-72.9c17.4 0 34.2-10 32.5-27.4-1.7-19.5-19.2-25.7-39.4-26.4a58.6 58.6 0 0 0-11 1.1v52c2.1.3 15.1 1 17.9.7m-17.8 6.8v61.9c0 .4 11.6 2.4 19.5 2.8 29.4.6 44.4-11 43.8-33.2-.7-17.5-17.2-31.5-37-31.5-2-.3-23.2-.3-26.3 0M639 97.8v113.3c0 2.4.4 3.8 1.4 4.8s2.7 3.1 4.8 4.1H623a6.3 6.3 0 0 0 4.1-3.4 14.6 14.6 0 0 0 1-3.4V87.9c0-3.7-.7-5.4-1.7-6.1A15.6 15.6 0 0 0 623 79h23.6l100.2 104.4V85.9c0-2.1 0-2.8-.6-3.8a7.8 7.8 0 0 0-4.5-3.1h21.6a5.8 5.8 0 0 0-3.8 3.1 6.1 6.1 0 0 0-1 3.8v137.2zM762.2 220s2.8-.7 5.9-5.1c1.3-2.1 3-4.1 4.4-7.6l63-132.4L897.4 207c1.4 3.1 2.7 6.8 4.4 8.9s5.9 4.4 6.2 4.4h-34.2a5.7 5.7 0 0 0 3.4-2.7c1.7-3.4-2.1-8.9-3.7-12.3l-13.7-30.1h-59.2L784.8 208c-1 2.7-3.1 5.2-2.7 8.2s4.4 3.8 4.8 3.8Zm67.4-109.1L804 167h52zM189.4 220c.3 0 2.7-.7 5.8-5.1 1.4-2.1 3.1-4.1 4.4-7.6L263 74.9 324.6 207c1.3 3.1 2.7 6.8 4.7 8.9s5.5 4.4 5.9 4.4H301a5.7 5.7 0 0 0 3.4-2.7c1.7-3.4-2.1-8.9-3.4-12.3l-14.1-30.1h-59.2L212 208c-1 2.7-2.7 4.8-2.4 7.9s5.8 4.1 5.8 4.1Zm67.4-109.1L231.1 167h52.1zM474.8 220s2.7-.7 5.8-5.1a36.2 36.2 0 0 0 4.5-7.6L548 74.9 610 207c1.3 3.1 2.7 6.8 4.4 8.9s5.8 4.4 6.2 4.4h-34.3a5.6 5.6 0 0 0 3.5-2.7c1.7-3.4-2.1-8.9-3.8-12.3l-13.7-30.1h-59.2L497.4 208c-1.1 2.7-3.1 5.2-2.8 8.2s4.5 3.8 4.8 3.8Zm67.4-109.1L516.5 167h52zM353 97.8v113.3c0 2.4.3 3.8 1 4.8s2.7 3.1 5.1 4.1h-22.2a7.3 7.3 0 0 0 4.1-3.4 14.6 14.6 0 0 0 1-3.4V87.9c0-3.7-1-5.4-2-6.1s-3.1-2.8-3.5-2.8h24l99.9 104.4V86.2c0-2 0-2.7-.7-4.1s-2-2.4-4.1-3.1h20.9a7 7 0 0 0-3.4 2.8c-1 1.3-1 2.4-1 4.4l.3 136.9z"/>
</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 Banana Republic 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.