Brands icon

Michael Kors JSX Icon

Q: Is the Michael Kors JSX icon free?

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

Q: Can I customize the Michael Kors icon?

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

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

Browse all icons

ComponentMichaelKorsLogo

FilemichaelkorsLogo.jsx

CategoryBrands

Copy-ready code

Michael Kors React JSX component

// Source: https://commons.wikimedia.org/wiki/Special:PermanentLink/1114781288
// Asset license: Public domain textlogo
// Optimized, converted to monochrome currentColor JSX, and parameterized by JSXIcons.
export const MichaelKorsLogo = ({ width = "40px", height = "40px", color = "#000000", ...props }) => (
  <svg {...props} width={width} height={height} viewBox="0 0 577.3 63.383" xmlns="http://www.w3.org/2000/svg" fill={color} color={color}>
    <path d="M207.801 706.46c-2.681 4.706-6.436 7.82-13.306 7.82-9.591 0-16.974-7.79-16.974-17.385 0-9.607 7.383-17.38 16.974-17.38 7.024 0 11.24 3.525 13.809 8.754h10.179c-2.7-10.52-12.447-18.069-24.195-18.069-14.759 0-26.075 11.923-26.075 26.695 0 14.765 11.316 26.688 26.075 26.688 11.396 0 20.795-6.744 23.888-17.124zm422.206 17.123c-8.791 0-17.894-3.626-22.761-10.691l7.86-5.669c3.706 5.02 9.082 7.488 14.9 7.488 5.095 0 11.572-1.528 11.572-6.477 0-5.592-9.46-6.472-13.678-7.493-8.364-2.037-17.823-3.847-17.823-14.76 0-10.696 10.265-15.78 19.718-15.78 8.725 0 15.992 3.127 21.308 10.107l-7.634 5.744c-3.424-4.36-7.483-6.976-13.674-6.976-5.521 0-9.675 1.967-9.675 5.532 0 5.743 8.212 5.81 15.273 7.549 7.492 1.825 16.218 4.083 16.218 14.7 0 12.441-11.416 16.726-21.604 16.726m-38.185-35.052c0 4.284-3.49 7.775-7.78 7.775h-15.197V680.74h15.197c4.29 0 7.78 3.491 7.78 7.79m11.068 33.82-10.842-18.697c5.38-2.831 9.082-8.584 9.082-15.122 0-9.455-7.633-17.099-17.088-17.099H559.53v50.918h9.314v-16.742h13.532l9.59 16.742zm-63.44-25.456c0 9.595-7.784 17.385-17.374 17.385-9.607 0-17.385-7.79-17.385-17.385 0-9.605 7.778-17.38 17.385-17.38 9.59 0 17.374 7.775 17.374 17.38m9.319 0c0-14.77-11.939-26.693-26.693-26.693-14.776 0-26.689 11.923-26.689 26.693 0 14.765 11.913 26.689 26.689 26.689 14.754 0 26.693-11.924 26.693-26.689m-65.246 25.457-16.73-23.426-6.544 6.684v16.742h-9.314v-50.918h9.314v21.242l20.654-21.242h12.356l-19.854 20.659 21.614 30.259zm-99.81 0v-50.918h9.315v41.604h21.825v9.314zm-48.725 0v-50.918h35.349v9.308h-26.045v11.496h26.045v9.314h-26.045v11.486h26.045v9.314zm-25.607-20.73h-13.819l6.909-17.53zm18.331 20.73-20.438-50.918h-9.605l-20.443 50.917h10.048l4.651-11.562h21.092l4.652 11.562zm-67.067 0v-20.8h-23.641v20.8h-9.308v-50.918h9.308v20.804h23.641v-20.804h9.308v50.918zm-110.29-50.919h9.315v50.918h-9.314zm-21.242 50.919v-36.657l-12.653 36.657H106.27l-12.647-36.657v36.657H84.31v-50.918h13.823l13.231 36.665 13.242-36.665h13.82v50.918z" transform="translate(-79.311 -665.2)"/>
  </svg>
)

How to use the Michael Kors icon

import { MichaelKorsLogo } from "@/assets/icons/michaelkorsLogo"

export default function Example() {
  return <MichaelKorsLogo 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 Michael Kors 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.