E-commerce icon

Walmart JSX Icon

Q: Is the Walmart JSX icon free?

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

Q: Can I customize the Walmart icon?

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

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

Browse all icons

ComponentWalmartLogo

FilewalmartLogo.jsx

CategoryE-commerce

Copy-ready code

Walmart React JSX component

// Source: https://raw.githubusercontent.com/glincker/thesvg/bc1ea3c9c5901d1d7a9438e760a9d071955ff29d/public/icons/walmart/mono.svg
// Asset license: MIT License
// Optimized, converted to monochrome currentColor JSX, and parameterized by JSXIcons.
export const WalmartLogo = ({ width = "40px", height = "40px", color = "#0071CE", ...props }) => (
  <svg {...props} width={width} height={height} viewBox="0 0 532.262 600" xmlns="http://www.w3.org/2000/svg" fill={color} color={color}>
    <path d="M375.663 273.363c12.505-2.575 123.146-53.269 133.021-58.97 22.547-13.017 30.271-41.847 17.254-64.393s-41.847-30.271-64.393-17.254c-9.876 5.702-109.099 76.172-117.581 85.715-9.721 10.937-11.402 26.579-4.211 39.033 7.192 12.455 21.578 18.82 35.91 15.869M508.685 385.607c-9.876-5.702-120.516-56.396-133.021-58.97-14.332-2.951-28.719 3.415-35.909 15.87-7.191 12.455-5.51 28.097 4.211 39.033 8.482 9.542 107.705 80.013 117.581 85.715 22.546 13.017 51.376 5.292 64.393-17.254s5.291-51.377-17.255-64.394M266.131 385.012c-14.382 0-27.088 9.276-31.698 23.164-4.023 12.117-15.441 133.282-15.441 144.685 0 26.034 21.105 47.139 47.139 47.139s47.139-21.105 47.139-47.139c0-11.403-11.418-132.568-15.441-144.685-4.61-13.888-17.316-23.164-31.698-23.164M156.599 326.637c-12.505 2.575-123.146 53.269-133.021 58.97C1.031 398.624-6.694 427.454 6.323 450s41.847 30.271 64.393 17.254c9.876-5.702 109.098-76.172 117.58-85.715 9.722-10.937 11.402-26.579 4.211-39.033s-21.576-18.82-35.908-15.869M70.717 132.746C48.171 119.729 19.341 127.454 6.323 150c-13.017 22.546-5.292 51.376 17.254 64.393 9.876 5.702 120.517 56.396 133.021 58.97 14.332 2.951 28.719-3.415 35.91-15.87s5.51-28.096-4.211-39.033c-8.482-9.542-107.705-80.013-117.58-85.714M266.131 0c-26.035 0-47.139 21.105-47.139 47.139 0 11.403 11.418 132.568 15.441 144.685 4.611 13.888 17.317 23.164 31.698 23.164s27.088-9.276 31.698-23.164c4.023-12.117 15.441-133.282 15.441-144.685C313.27 21.105 292.165 0 266.131 0"/>
  </svg>
)

How to use the Walmart icon

import { WalmartLogo } from "@/assets/icons/walmartLogo"

export default function Example() {
  return <WalmartLogo 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.jsJSXSVGE-commerce icons

Looking for a similar mark? Browse the related icons below or explore the full e-commerce collection.

Related JSX icons

7-Eleven

Albert Heijn

Aldi Nord

Aldi Süd

Alibaba.com

Allegro

Argos

ASDA

FAQ

Is the Walmart 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.