How to use the Marshalls icon
import { MarshallsLogo } from "@/assets/icons/marshallsLogo"
export default function Example() {
return <MarshallsLogo width="32px" height="32px" />
}E-commerce icon
Marshalls JSX Icon
Copy the Marshalls icon as an optimized JSX SVG component for React, Next.js, dashboards, landing pages and Tailwind interfaces.
ComponentMarshallsLogo
FilemarshallsLogo.jsx
CategoryE-commerce
Copy-ready code
Marshalls React JSX component
// Source: https://commons.wikimedia.org/wiki/Special:PermanentLink/1117269792
// Asset license: Public domain textlogo
// Optimized, converted to monochrome currentColor JSX, and parameterized by JSXIcons.
export const MarshallsLogo = ({ width = "40px", height = "40px", color = "#003087", ...props }) => (
<svg {...props} width={width} height={height} viewBox="0 0 304.115 60.241" xmlns="http://www.w3.org/2000/svg" fill={color} color={color}>
<path fill="currentColor" d="M94.674 42.915c2.005-1.041 4.178-2.082 6.354-2.857v6.812s.356 7.831-5.352 7.831c0 0-4.436.077-4.436-5.309.001 0-.607-4.437 3.434-6.477m18.014 16.277V34.657s.115-9.291-8.526-12.274c-7.227-2.521-15.404-.167-20.969 3.661l.524 4.876c3.654-2.878 9.393-5.051 14.35-3.053 1.917 1.041 3.311 2.696 3.311 5.135-.178 1.739-1.128 2.962-2.438 4.003-.36.321-5.725 1.837-5.725 1.837s-13.469 2.536-13.469 10.856c0 8.313 6.581 10.542 11.747 10.542 0 0 5.687.175 9.885-4.094v3.081zM205.612 59.367V33.352c.014-5.24-1.453-9.368-8.53-12.009-5.373-1.279-10.619 1.048-14.007 3.835V.378h-11.722v58.899h11.548V34.888s-.762-6.825 5.596-6.825c6.532 0 5.708 6.847 5.708 6.847l.014 24.458zM35.849.377 0 59.367h6.438l26.02-41.763 1.303 41.847h3.825L63.81 17.695l-.035 41.672H76.15V.377h-9.414c-7.398 11.219-22.449 34.539-22.449 34.539V.377zM128.521 28.217V22.3h-11.289l-.021 37.054 11.303.014V45.234s-1.139-17.388 12.327-17.388l.035-5.89c0 .001-5.557-1.186-12.355 6.261M246.578 0h11.492v59.388h-11.492zM263.002 0h11.492v59.388h-11.492zM154.625 25.01c5.435 0 10.615 3.123 10.615 3.123l.524-4.353s-4.237-2.843-10.703-2.843c-6.476 0-13.001 3.912-13.001 11.086 0 0-.657 6.525 5.226 10.012l5.379 2.767s6.144 2.94 6.144 6.741c0 3.808-4.838 4.08-5.659 4.08-.817 0-5.114-.015-10.881-3.221l-.437 4.701s5.016 2.983 12.575 2.983c0 0 13.103 0 13.103-12.017 0-8.376-6.578-11.156-6.578-11.156l-6.909-3.199c-5.002-1.907-4.38-5.065-4.38-5.065s-.456-3.639 4.982-3.639M286.245 28.649s-.628 3.151 4.374 5.065l6.909 3.206s6.588 2.773 6.588 11.149c0 12.01-13.12 12.01-13.12 12.01-7.552 0-12.567-2.977-12.567-2.977l.44-4.694c5.756 3.199 10.074 3.206 10.884 3.206.817 0 5.651-.265 5.651-4.072 0-3.801-6.141-6.741-6.141-6.741l-5.379-2.767c-5.882-3.486-5.226-10.012-5.226-10.012 0-7.182 6.525-11.086 12.994-11.086s10.703 2.836 10.703 2.836l-.517 4.359s-5.184-3.116-10.619-3.116c-5.435.002-4.974 3.634-4.974 3.634M223.874 42.915c1.998-1.041 4.178-2.082 6.357-2.857v6.812s.363 7.831-5.358 7.831c0 0-4.436.077-4.436-5.309 0 0-.601-4.437 3.437-6.477m18.01 16.277V34.657s.125-9.291-8.523-12.274c-7.224-2.521-15.404-.167-20.972 3.661l.524 4.876c3.654-2.878 9.396-5.051 14.356-3.053 1.914 1.041 3.311 2.696 3.311 5.135-.174 1.739-1.131 2.962-2.445 4.003-.999.804-5.785 1.754-5.785 1.754s-13.406 2.619-13.406 10.939c0 8.313 6.581 10.542 11.743 10.542 0 0 5.687.175 9.892-4.094v3.081z"/>
</svg>
)
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.
Looking for a similar mark? Browse the related icons below or explore the full e-commerce collection.
Related JSX icons
FAQ
Is the Marshalls 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.