How to use the Walgreens icon
import { WalgreensLogo } from "@/assets/icons/walgreensLogo"
export default function Example() {
return <WalgreensLogo width="32px" height="32px" />
}E-commerce icon
Walgreens JSX Icon
Copy the Walgreens icon as an optimized JSX SVG component for React, Next.js, dashboards, landing pages and Tailwind interfaces.
ComponentWalgreensLogo
FilewalgreensLogo.jsx
CategoryE-commerce
Copy-ready code
Walgreens React JSX component
// Source: https://raw.githubusercontent.com/glincker/thesvg/bc1ea3c9c5901d1d7a9438e760a9d071955ff29d/public/icons/walgreens/default.svg
// Asset license: MIT License
// Optimized, converted to monochrome currentColor JSX, and parameterized by JSXIcons.
export const WalgreensLogo = ({ width = "40px", height = "40px", color = "#E31837", ...props }) => (
<svg {...props} width={width} height={height} viewBox="0 0 335.72 217.4" xmlns="http://www.w3.org/2000/svg" fill={color} color={color}>
<path d="M1230.16 511.25c5.03 313.84 226.57 643.67 339.01 643.67 33.23 0 40.28-21.59 40.28-44.52 0-107.42-159.44-394.392-379.29-599.15m1114.71 1119.3c-104.69.58-205.72-62.79-271.15-157.9 309.09-202.13-69.62-1208.49-628.16-1208.49-66.94 0-123.74 19.481-161.74 59.289 302.36 272.371 520.79 642.758 520.79 861.191 0 111.68-54.55 182.52-182.42 182.52-370.98 0-762.112-608.664-689.549-1047.769-233.922-83.09-350.153 20.839-350.153 229.597 0 435.879 455.452 887.962 429.002 1023.982C539.57 1427.08 170.238 1766.04 0 1214.38c229.398 124.82 441.129-74.7 702.82 71.17-224.742-259.24-451.57-626.304-448.511-936.288C256.32 146.359 365.91 0 603.289 0 738.102 0 878 47.21 1012.64 124.211 1070.35 52.078 1163.32 0 1305.41 0c579.34 0 1212.5 814.02 1212.5 1394.87 0 154.1-61.14 235.06-173.04 235.68" transform="matrix(.13333 0 0 -.13333 0 217.4)"/>
</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 Walgreens 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.