How to use the Loewe icon
import { LoeweLogo } from "@/assets/icons/loeweLogo"
export default function Example() {
return <LoeweLogo width="32px" height="32px" />
}Brands icon
Copy the Loewe icon as an optimized JSX SVG component for React, Next.js, dashboards, landing pages and Tailwind interfaces.
Copy-ready code
// Source: https://commons.wikimedia.org/wiki/Special:PermanentLink/1115266784
// Asset license: Public domain textlogo
// Optimized, converted to monochrome currentColor JSX, and parameterized by JSXIcons.
export const LoeweLogo = ({ width = "40px", height = "40px", color = "#000000", ...props }) => (
<svg {...props} width={width} height={height} viewBox="0 0 744.094 213.661" xmlns="http://www.w3.org/2000/svg" fill={color} color={color}>
<path d="M393.818 559.81h44.628v126.3h43.411v40.618h-88.039zM1102.48 727.215h-35.842v-38.608h35.841zM725.965 559.697h-94.999v167.335h95.521v-38.156h-51.24v-27.49h50.718v-39.348h-50.892v-25.124h50.892zM823.312 559.697l-17.747 67.796c-2.435 10.187-4.784 20.374-6.872 30.805-2.436-10.9-5.046-22.045-7.395-32.945l-15.659-65.656h-46.455l47.673 167.335h39.322l25.576-95.512c2.436 9.953 4.96 19.905 7.569 29.622l17.573 65.89h40.8l43.324-167.335H908.83l-14.877 65.186c-2.61 11.37-5.045 22.749-7.133 34.363-2.871-11.849-5.655-23.463-8.787-35.077l-17.747-64.472zM1049.674 559.697h-95v167.335h95.521v-38.156h-51.24v-27.49h50.719v-39.348H998.78v-25.124h50.893z" transform="translate(-376.101 -536.873)"/><path d="M523.702 629.372s-.174-31.91 28.273-32.206c28.534-.296 28.97 32.214 28.97 32.214l.608 12.188-.609 16.251s-.696 32.536-28.969 31.988c-28.447-.548-28.273-31.988-28.273-31.988l-.61-16.25zm29.056-74.781c30.796.678 48.195 16.946 58.026 33.606 5.48 7.551 10.178 21.375 12.353 36.094.957 7.02 1.044 9.004 1.044 18.156.174 4.037-1.044 20.67-1.044 20.67-2.436 31.684-18.878 46.15-20.705 48.352-10.526 10.892-28.273 21.035-50.37 21.348-22.184-.313-39.235-10.456-49.674-21.348-1.914-2.201-18.27-16.668-20.705-48.352 0 0-1.13-10.535-1.305-20.653-.087-9.16-.087-11.152.957-18.173 2.175-14.72 1.566-19.965 11.396-36.607 11.223-19.035 29.318-32.415 60.027-33.093" transform="translate(-376.101 -536.873)"/>
</svg>
)
import { LoeweLogo } from "@/assets/icons/loeweLogo"
export default function Example() {
return <LoeweLogo width="32px" height="32px" />
}Built for the web
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 brands collection.
Yes. You can copy the JSX component and use it in React and Next.js projects.
Yes. Edit the SVG attributes or pass className, width, height and color props depending on the component.