Brands icon

Balenciaga JSX Icon

Q: Is the Balenciaga JSX icon free?

Yes. You can copy the Balenciaga JSX component and use it in React and Next.js projects.

Q: Can I customize the Balenciaga icon?

Yes. Edit SVG attributes or pass className, width, height and color props depending on the component.

Copy the Balenciaga icon as an optimized JSX SVG component for React, Next.js, dashboards, landing pages and Tailwind interfaces.

Browse all icons

ComponentBalenciagaLogo

FilebalenciagaLogo.jsx

CategoryBrands

Copy-ready code

Balenciaga React JSX component

// Source: https://commons.wikimedia.org/wiki/Special:PermanentLink/1114813722
// Asset license: Public domain textlogo
// Optimized, converted to monochrome currentColor JSX, and parameterized by JSXIcons.
export const BalenciagaLogo = ({ width = "40px", height = "40px", color = "#000000", ...props }) => (
  <svg {...props} width={width} height={height} viewBox="0 0 923.22 95.204" xmlns="http://www.w3.org/2000/svg" fill={color} color={color}>
    <path d="m-182.645 165.691 15.362 32.819h-30.832l15.362-32.819zm-21.77 47.076h43.54l8.18 17.57h17.9l-39.67-81.664h-16.137l-39.67 81.664h17.678zm544.017-47.076 15.362 32.819h-30.837l15.362-32.819zm-21.77 47.076h43.536l8.179 17.57h17.905l-39.676-81.664H331.64l-39.666 81.664h17.679zm-162.1-23.427c0 24.975 18.452 42.767 45.414 42.767 17.57 0 27.075-6.522 35.367-13.37l-9.175-11.94c-5.634 4.314-13.596 10.279-25.857 10.279-17.018 0-28.515-11.378-28.515-27.736 0-16.353 11.383-27.406 27.85-27.406 11.052 0 18.344 3.535 24.422 8.618l9.062-12.044c-8.51-7.074-18.453-11.605-33.485-11.605-25.857 0-45.084 17.684-45.084 42.437m320.79-31.492c-9.835-7.075-18.896-10.945-34.036-10.945-26.301 0-45.636 17.462-45.636 42.437 0 25.083 18.891 42.767 45.636 42.767 17.024 0 28.732-5.748 38.459-14.696v-31.389H441.38v13.927h24.087v10.826c-3.42 2.766-10.495 6.636-22.539 6.636-17.126 0-29.067-11.713-29.067-28.071 0-16.353 12.049-27.52 28.623-27.52 11.497 0 19.01 3.763 24.975 8.071zm-750.335 37.013c3.978 0 6.744.558 9.061 2.322 2.214 1.662 3.757 4.314 3.757 7.957 0 3.648-1.543 6.41-3.757 8.07-2.317 1.765-5.083 2.21-9.061 2.21h-32.375V194.86zm-3.204-31.27c4.644 0 7.074.882 8.73 2.43 1.549 1.662 2.43 3.762 2.43 6.079 0 2.322-.881 4.422-2.43 6.079-1.656 1.542-4.086 2.43-8.73 2.43h-29.17v-17.018zm238.475 66.746h68.955V215.42h-52.819v-20.558h39.558V180.61h-39.558v-17.018h50.61v-14.918h-66.746zm581.594-64.646 15.357 32.819h-30.832l15.362-32.819zm-21.77 47.076h43.536l8.178 17.57h17.9l-39.67-81.664h-16.13l-39.677 81.664h17.684zm-247.986-64.094h-16.136v81.664h16.136zm-334.16 66.746h-39.12v-66.746h-16.135v81.664h55.254zm132.388-9.835c0-17.348-.774-32.597-.774-32.597h.222s7.513 10.718 21.218 27.623l24.093 29.727h15.8v-81.664h-16.135v25.197c0 17.348.66 32.71.66 32.71h-.217s-7.518-10.718-21.11-27.74l-24.087-30.167H55.387v81.664h16.136zm-344.233 24.753c9.283 0 14.918-1.986 19.34-5.413 5.857-4.53 9.505-11.605 9.505-20.114 0-12.044-7.957-18.453-14.587-20.114v-.217c6.3-2.874 9.727-9.397 9.727-15.805 0-7.292-2.875-12.374-7.405-15.579-4.422-3.096-10.388-4.422-20.775-4.422h-45.42v81.664z" transform="translate(327.324 -141.903)"/>
  </svg>
)

How to use the Balenciaga icon

import { BalenciagaLogo } from "@/assets/icons/balenciagaLogo"

export default function Example() {
  return <BalenciagaLogo width="32px" height="32px" />
}

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.

ReactNext.jsJSXSVGBrands icons

Looking for a similar mark? Browse the related icons below or explore the full brands collection.

Related JSX icons

.NET

1Password

Abercrombie & Fitch

ABN AMRO

Accenture

AdGuard

Adidas

FAQ

Is the Balenciaga 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.