Brands icon

Merrell JSX Icon

Q: Is the Merrell JSX icon free?

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

Q: Can I customize the Merrell icon?

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

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

Browse all icons

ComponentMerrellLogo

FilemerrellLogo.jsx

CategoryBrands

Copy-ready code

Merrell React JSX component

// Source: https://commons.wikimedia.org/wiki/Special:PermanentLink/1114780675
// Asset license: Public domain textlogo
// Optimized, converted to monochrome currentColor JSX, and parameterized by JSXIcons.
export const MerrellLogo = ({ width = "40px", height = "40px", color = "#000000", ...props }) => (
  <svg {...props} width={width} height={height} viewBox="0 0 3227.3 520" xmlns="http://www.w3.org/2000/svg" fill={color} color={color}>
    <path d="M2911.111 371.125v37.399H2655.49V148.002h78.78v223.123zm-490.095 0h176.771v37.399H2342.13V148.002h78.886zm-368.417 2.961h194.395v35.425h-273.528V147.19l1.091.812h269.334v38.95h-190.589v67.536h150.265v37.928h-150.97zm-298.097-99.048h-121.854v-83.821h123.757c23.37-.282 43.215 19.739 42.087 43.426-.493 23.44-20.69 41.734-43.99 40.395m122.77-47.727c.424-47.444-41.1-79.309-90.694-79.309H1551.26v261.509h79.239v-99.19h81.953l69.792 98.203h86.605l-72.154-102.432c43.885.46 80.332-34.685 80.579-78.78m-1286.71-80.12h104.652v261.05h-81.283v-213.64l-92.28 213.923h-77.477l-100.317-207.79v207.79H295.99V147.19h103.313l102.044 210.786zm273.351 226.895h194.537v35.425H784.604V147.19l1.27.812h269.368v38.95h-190.8v67.536h150.335v37.928H863.913zm477.054-99.048h-121.784v-83.821h123.863c23.23-.282 42.933 19.739 42.157 43.426-.456 23.44-20.902 41.734-44.236 40.395m122.946-47.727c.39-47.444-41.17-79.309-91.082-79.309h-234.86v261.509h79.52v-99.19h81.565l69.616 98.203h86.746l-71.977-102.432c43.743.46 80.402-34.685 80.472-78.78m2039.373 48.184c0 138.104-111.103 250.018-248.15 250.018-137.046 0-248.149-111.914-248.149-250.018 0-138.033 111.103-249.982 248.15-249.982 137.046 0 248.149 111.949 248.149 249.982" transform="translate(-285.988 -15.514)"/><path d="M0 0v-9.994l3.062.701v6.589l2.115-6.137 1.896.436 1.415 4.913v-4.595l1.231.286v5.533l-2.112.503L6.291-6.04 4.577-1.078z" transform="matrix(35.2485 0 0 -35.2485 2826.04 78.629)"/>
  </svg>
)

How to use the Merrell icon

import { MerrellLogo } from "@/assets/icons/merrellLogo"

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