Brands icon

Burberry JSX Icon

Q: Is the Burberry JSX icon free?

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

Q: Can I customize the Burberry icon?

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

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

Browse all icons

ComponentBurberryLogo

FileburberryLogo.jsx

CategoryBrands

Copy-ready code

Burberry React JSX component

// Source: https://commons.wikimedia.org/wiki/Special:PermanentLink/1115664349
// Asset license: Public domain textlogo
// Optimized, converted to monochrome currentColor JSX, and parameterized by JSXIcons.
export const BurberryLogo = ({ width = "40px", height = "40px", color = "#000000", ...props }) => (
  <svg {...props} width={width} height={height} viewBox="-5.998 167.078 412.48 65.27" xmlns="http://www.w3.org/2000/svg" fill={color} color={color}>
    <path d="m298.355 225.067-12.419-21.788a15.86 15.86 0 0 0 9.01-14.287c0-8.767-7.135-15.9-15.903-15.9h-26.561v51.973h11.812v-20.173h9.401l11.498 20.175zM264.1 194.859V183.15h12.73l-.049.02c3.875.208 6.344 2.454 6.344 5.846 0 3.355-2.645 5.706-6.588 5.846H264.1zm-59.856 30.208v-51.975h38.833v9.917h-26.702v10.398h23.412v10.138h-23.412v11.087h28.023v10.435zm-55.386 0-12.419-21.788a15.86 15.86 0 0 0 9.008-14.287c0-8.767-7.133-15.9-15.9-15.9h-26.563v51.973h11.813v-20.173h9.404l11.496 20.175zM114.6 194.859V183.15h12.732l-.05.02c3.875.208 6.346 2.454 6.346 5.846 0 3.355-2.646 5.706-6.59 5.846H114.6zm-43.094 31.489c14.211 0 22.698-8.171 22.698-21.855V173.13h-12.13v30.552c0 7.399-3.852 11.643-10.567 11.643H71.5c-6.715 0-10.565-4.243-10.565-11.643V173.13H48.8v31.365c0 13.683 8.487 21.854 22.7 21.854h.006zm-38.571-30.067c7 2.387 10.412 8.342 10.412 14.084 0 8.09-6.569 14.676-14.652 14.702H.002v-51.979h26.427c6.879.064 12.425 5.655 12.433 12.535a12.5 12.5 0 0 1-5.927 10.656zM11.91 215.369h13.262c4.169 0 6.35-3.109 6.35-6.183 0-2.476-1.969-5.962-6.35-5.962H11.91zm9.711-21.84c3.054 0 5.45-2.359 5.45-5.371 0-2.912-2.5-5.371-5.452-5.371H11.91v10.742zM187.319 196.271c7 2.385 10.412 8.342 10.412 14.084 0 8.091-6.569 14.674-14.652 14.702l-28.692-.002v-51.977l26.423-.001c6.881.065 12.427 5.657 12.435 12.538a12.5 12.5 0 0 1-5.927 10.654zm-21.025 19.088h13.261c4.169 0 6.35-3.109 6.35-6.183 0-2.475-1.971-5.962-6.35-5.962h-13.261zm9.708-21.84c3.058 0 5.454-2.359 5.454-5.371 0-2.912-2.5-5.371-5.454-5.371h-9.708v10.742zM349.758 225.067l-12.419-21.788a15.86 15.86 0 0 0 9.007-14.287c0-8.767-7.132-15.9-15.899-15.9h-26.562v51.973h11.813v-20.173h9.403l11.496 20.175zM315.5 194.859V183.15h12.732l-.05.02c3.875.208 6.347 2.454 6.347 5.846 0 3.355-2.646 5.706-6.591 5.846H315.5zm51.518 30.208v-21.179l-20.619-30.796h15.147l11.869 17.869 11.92-17.869h15.147l-20.669 30.796v21.179z"/>
  </svg>
)

How to use the Burberry icon

import { BurberryLogo } from "@/assets/icons/burberryLogo"

export default function Example() {
  return <BurberryLogo 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 Burberry 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.