E-commerce icon

Best Buy JSX Icon

Q: Is the Best Buy JSX icon free?

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

Q: Can I customize the Best Buy icon?

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

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

Browse all icons

ComponentBestBuyLogo

FilebestbuyLogo.jsx

CategoryE-commerce

Copy-ready code

Best Buy React JSX component

// Source: https://raw.githubusercontent.com/glincker/thesvg/bc1ea3c9c5901d1d7a9438e760a9d071955ff29d/public/icons/best-buy/default.svg
// Asset license: MIT License
// Optimized, converted to monochrome currentColor JSX, and parameterized by JSXIcons.
export const BestBuyLogo = ({ width = "40px", height = "40px", color = "#0046BE", ...props }) => (
  <svg {...props} width={width} height={height} viewBox="0 0 1000 584.485" xmlns="http://www.w3.org/2000/svg" fill={color} color={color}>
    <path d="M137.5 29.631v252.321h132.111c51.999 0 100.051-18.25 100.051-71.858 0-36.24-26.108-52.784-54.823-61.443 17.495-7.018 37.342-21.76 37.342-52.666 0-39.556-39.248-66.354-92.091-66.354zm80.933 58.766h29.755c12.113 0 21.349 9.488 21.349 19.118 0 8.947-9.597 18.522-21.35 18.522h-29.754zm0 90.009h39.276c13.712 0 25.218 10.413 25.218 22.316 0 12.639-10.761 23.134-27.598 23.134h-36.896zM202.96 309.475v252.32h132.112c51.998 0 100.05-18.25 100.05-71.857 0-36.24-26.107-52.784-54.823-61.444 17.496-7.018 37.343-21.76 37.343-52.666 0-39.556-39.249-66.353-92.092-66.353zm80.934 58.766h29.755c12.112 0 21.349 9.488 21.349 19.117 0 8.947-9.598 18.522-21.35 18.522h-29.754zm0 90.008h39.276c13.711 0 25.217 10.414 25.217 22.316 0 12.64-10.76 23.134-27.597 23.134h-36.896zM376.015 281.922V29.6h203.523v60.938H456.71v33.087h99.738v57.13H456.71v40.466h122.828v60.7zM689.788 289.144c57.288 0 103.11-32.677 103.11-85.631 0-85.462-111.177-72.31-111.177-98.92 0-10.278 10.81-15.732 21.895-15.732 19.104 0 32.907 12.586 32.907 12.586l47.831-45.543c-19.13-18.207-49.345-33.514-90.047-33.514-61.127 0-101.118 36.28-101.118 80.045 0 86.548 109.575 73.987 109.575 101.143 0 9.52-9.159 19.096-25.77 19.096-18.858 0-33.798-11.385-45.425-21.044l-48.111 45.868c19.373 18.87 50.475 41.646 106.33 41.646M855.186 281.922V90.3h-66.65V29.6h214.234v60.7h-66.65v191.62zM437.905 309.296H518.6v151.155c0 15.349 15.276 29.494 31.203 29.494 15.024 0 30.21-12.773 30.21-30.301V309.296h80.458v149.32c0 59.25-49.193 106.513-112.8 106.513-63.97 0-109.766-51.437-109.766-109.742z" transform="translate(-137.5 -22.39)"/><path d="M759.97 561.617v-90.161l-94.844-162.16h81.645l53.666 86.884 53.852-86.884h81.83l-95.215 163.087v89.234z" transform="translate(-137.5 -22.39)"/><path d="m936.12 447.39-47.608 47.607v64.27l47.607 47.608H1137.5V447.389z" transform="translate(-137.5 -22.39)"/><path d="M469 573.362a4 4 0 1 1-8 0 4 4 0 0 1 8 0" transform="translate(-465.15 -1030.715)scale(2.67793)"/>
  </svg>
)

How to use the Best Buy icon

import { BestBuyLogo } from "@/assets/icons/bestbuyLogo"

export default function Example() {
  return <BestBuyLogo 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 Best Buy 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.