JSXIcons.com

E-commerce icon

Kaufland JSX Icon

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

Browse all icons
ComponentKauflandLogo
FilekauflandLogo.jsx
CategoryE-commerce

Copy-ready code

Kaufland React JSX component

// Source: https://raw.githubusercontent.com/simple-icons/simple-icons/a78ea66ee5d93dfd2ab07458de8dff522dcf3d91/icons/kaufland.svg
// Asset license: Simple Icons CC0 1.0 Universal. Brand names and marks remain trademarks of their respective owners.
export const KauflandLogo = ({ width = "40px", height = "40px", color = "#E10915", ...props }) => (
  <svg {...props} width={width} height={height} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill={color}>
    <path d="M0 24h24V0H0zm23.008-.989H.989V.989h22.022zM3.773 3.776h7.651v7.65H3.773zm8.801 0v7.652l7.653-7.652zm-8.801 8.8h7.651v7.651H3.773zm8.801-.004v7.652h7.653z"/>
  </svg>
)

How to use the Kaufland icon

import { KauflandLogo } from "@/assets/icons/kauflandLogo"

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

FAQ

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