Brands icon

Esprit JSX Icon

Q: Is the Esprit JSX icon free?

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

Q: Can I customize the Esprit icon?

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

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

Browse all icons

ComponentEspritLogo

FileespritLogo.jsx

CategoryBrands

Copy-ready code

Esprit React JSX component

// Source: https://commons.wikimedia.org/wiki/Special:PermanentLink/1210156401
// Asset license: Public domain textlogo
// Optimized, converted to monochrome currentColor JSX, and parameterized by JSXIcons.
export const EspritLogo = ({ width = "40px", height = "40px", color = "#000000", ...props }) => (
  <svg {...props} width={width} height={height} viewBox="0 -0.142 595 148" xmlns="http://www.w3.org/2000/svg" fill={color} color={color}>
    <path d="M0 125.342h99.98v16.572H0zM155.029 79.443V62.861c-14.727-1.309-29.453-6.084-29.453-22.842 0-18.32 18.066-23.789 34.287-23.789 16.738 0 29.941 6.113 34.424 19.336.977 2.852 1.484 6.172 1.592 7.715-.02-.01 18.018-.068 18.018-.068 0-2.031-.596-8.115-2.949-14.404C203.877 9.902 184.014 0 160.273 0c-22.852 0-52.471 10.039-52.471 39.824.001 29.668 23.448 38.897 47.227 39.619M226.299 142.148h16.631l.029-138.75h-16.65zM0 63.213h99.98v16.572H0zM0 3.398h99.98V19.97H0zM290.029 3.398h-32.617v16.563s21.719.039 32.617.195c12.744.195 21.807 9.59 21.807 21.387 0 11.973-10.801 21.387-21.787 21.543-11.416.166-32.607.137-32.607.137l-.029 16.543h32.529c20.889.459 38.506-17.012 38.506-38.184-.001-21.113-16.417-38.574-38.419-38.184M531.816 33.867h16.396v108.281h-16.396zM485.459 3.398h109.102V19.97H485.459zM459.824 3.398h16.572v138.75h-16.572zM420.732 90.605h-19.56l5.527 8.858 26.846 42.959h19.57L426.27 99.463zM338.281 3.398h16.572v138.75h-16.572zM446.436 41.592c0-21.104-16.416-38.564-38.428-38.193h-38.662V19.98s27.656.02 38.662.195c12.744.195 21.807 9.59 21.807 21.377 0 11.963-10.801 21.377-21.777 21.533-11.426.176-38.711.166-38.711.166l.02 16.543h38.574c20.888.44 38.515-17.021 38.515-38.202"/><path d="M217.773 99.453c-3.018-24.512-25.215-33.33-48.184-35.42l-.078 16.572c14.102 1.436 28.223 5.215 31.221 18.857.381 1.729.586 3.623.586 5.674 0 18.359-20.068 25.293-37.803 25.293-19.746 0-31.23-4.844-37.139-20.234-1.367-3.574-1.855-7.813-2.021-10.732a49 49 0 0 1-.098-2.725h-18.145c0 .732.02 1.66.059 2.725.166 3.809.732 9.424 2.373 14.424 7.764 23.867 27.285 33.516 54.932 33.516 29.346 0 54.648-14.17 54.648-42.07 0-2.061-.127-4.004-.352-5.869"/>
  </svg>
)

How to use the Esprit icon

import { EspritLogo } from "@/assets/icons/espritLogo"

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