How to use the Hugo Boss icon
import { HugoBossLogo } from "@/assets/icons/hugobossLogo"
export default function Example() {
return <HugoBossLogo width="32px" height="32px" />
}Brands icon
Hugo Boss JSX Icon
Copy the Hugo Boss icon as an optimized JSX SVG component for React, Next.js, dashboards, landing pages and Tailwind interfaces.
ComponentHugoBossLogo
FilehugobossLogo.jsx
CategoryBrands
Copy-ready code
Hugo Boss React JSX component
// Source: https://commons.wikimedia.org/wiki/Special:PermanentLink/1213579806
// Asset license: Public domain textlogo
// Optimized, converted to monochrome currentColor JSX, and parameterized by JSXIcons.
export const HugoBossLogo = ({ width = "40px", height = "40px", color = "#000000", ...props }) => (
<svg {...props} width={width} height={height} viewBox="0 0 857.02 319.075" xmlns="http://www.w3.org/2000/svg" fill={color} color={color}>
<path d="M280.558 960.901h6.703v20.11h25.696V960.9h6.48v46.922h-6.48v-21.45H287.26v21.45h-6.703zM423.336 990.842c0 11.842-7.15 18.098-19.44 18.098-12.512 0-20.11-5.586-20.11-18.098V960.9h6.704v29.94c0 8.268 4.916 12.96 13.406 12.96 8.267 0 12.96-4.692 12.96-12.96v-29.94h6.48zM504.444 1009.164c-14.747.894-23.684-11.619-23.684-23.908 0-13.63 7.82-25.472 23.46-25.472 10.726 0 19.216 4.469 21.004 15.64h-6.48c-1.34-7.15-7.374-10.501-14.524-10.501-12.065 0-16.981 10.055-16.981 20.11 0 9.83 6.257 19.215 18.099 18.992 6.032-.224 10.948-1.34 13.406-5.363 1.787-2.458 1.34-6.926 1.117-10.278h-15.64v-5.363h21.45v17.652c-5.587 6.927-12.29 8.044-21.227 8.49M605.885 1003.801c11.842 0 16.982-10.054 16.982-19.439s-5.14-19.44-16.982-19.44c-12.065 0-16.981 10.056-16.981 19.44s4.916 19.44 16.981 19.44m0-44.017c15.64 0 23.461 11.842 23.461 24.578s-7.82 24.578-23.46 24.578c-15.642 0-23.462-11.842-23.462-24.578s7.82-24.578 23.461-24.578M760.951 981.01h12.96c7.374 0 10.502-2.457 10.502-7.373 0-6.48-4.692-7.597-10.502-7.597h-12.96zm0 21.674h16.311c5.587 0 9.161-3.352 9.161-8.49 0-6.033-5.138-7.82-10.724-7.82H760.95zm-6.48-41.783h17.653c4.469 0 10.054 0 12.96 1.564 3.35 2.011 5.808 5.363 5.808 9.831 0 5.14-2.68 8.938-7.15 10.725 6.033 1.118 9.385 5.586 9.385 11.396 0 6.926-5.363 13.406-14.97 13.406h-23.685zM875.129 1003.801c12.065 0 16.981-10.054 16.981-19.439s-4.916-19.44-16.981-19.44c-11.842 0-16.982 10.056-16.982 19.44s5.14 19.44 16.982 19.44m0-44.017c15.64 0 23.684 11.842 23.684 24.578s-8.044 24.578-23.684 24.578-23.461-11.842-23.461-24.578 7.82-24.578 23.46-24.578M988.86 974.754c-.671-6.926-5.363-9.831-12.066-9.831-5.586 0-10.95 2.01-10.95 8.044 0 5.81 7.821 6.703 15.641 8.49 7.821 1.564 15.642 4.246 15.642 13.63 0 9.832-10.279 13.853-19.216 13.853-10.949 0-20.11-5.139-20.11-16.534h6.033c0 7.82 6.927 11.395 14.3 11.395 6.033 0 12.513-1.787 12.513-8.714 0-6.48-7.82-7.373-15.641-9.16-7.82-1.565-15.864-3.8-15.864-12.513 0-9.385 8.938-13.63 17.875-13.63 10.055 0 17.651 4.469 18.098 14.97zM1094.77 974.754c-.895-6.926-5.586-9.831-12.29-9.831-5.363 0-10.948 2.01-10.948 8.044 0 5.81 7.82 6.703 15.864 8.49 7.82 1.564 15.64 4.246 15.64 13.63 0 9.832-10.278 13.853-19.215 13.853-10.95 0-20.333-5.139-20.333-16.534h6.256c0 7.82 6.927 11.395 14.3 11.395 5.81 0 12.513-1.787 12.513-8.714 0-6.48-8.044-7.373-15.864-9.16-7.821-1.565-15.641-3.8-15.641-12.513 0-9.385 8.714-13.63 17.875-13.63 9.832 0 17.652 4.469 17.875 14.97zM338.205 712.884v84.46h30.612s2.68-.224 4.245-.67c17.875-1.565 29.27-23.015 30.387-38.655 1.788-16.758-8.49-44.465-34.185-45.135-7.598-.224-31.059 0-31.059 0m0 94.291v101.218h27.707s15.64 1.117 29.717-10.278c13.853-11.172 21.003-27.707 19.44-46.699-1.118-16.981-14.077-41.113-43.124-44.24zm65.244-104.122c23.015 1.34 37.985 13.63 39.326 15.193 11.842 10.949 15.417 27.483 12.512 43.348-3.798 26.589-36.867 37.76-36.867 37.76 27.706 3.352 48.486 24.132 51.614 46.476 2.682 21.897-5.362 41.336-23.46 54.966-18.323 13.63-45.135 18.099-59.66 18.099H268.494v-9.385c15.193.224 16.981.224 16.981-5.81-.223-22.79 0-181.879 0-186.124 0-4.916-2.458-5.139-16.981-5.139-.224-3.798.223-9.384.223-9.384zM586.222 714.671c-14.746 9.832-25.025 32.4-29.94 51.168-7.821 28.377-6.257 61.892 1.564 96.302 8.043 34.41 30.164 46.475 43.347 49.38 24.578 5.586 40.666-8.714 49.38-21.897 16.981-25.695 21.227-78.65 15.864-109.038-4.916-28.153-12.513-47.816-27.26-60.999-16.534-14.523-40.219-13.406-52.955-4.916m132.5 133.617c-10.279 30.611-30.835 49.827-54.52 62.34-31.057 16.757-75.522 19.438-106.58.893-19.215-11.395-68.148-41.783-61.669-113.507 1.341-15.417 9.161-54.072 52.285-83.12 29.493-19.215 71.947-24.8 111.496-6.479 61.669 28.153 74.629 97.643 58.988 139.873M899.93 713.107c.224 16.088 0 49.38 0 49.38l-7.82.224c-4.692-20.78-14.747-38.655-31.951-46.922-16.535-8.044-41.56-12.066-57.872 2.234-9.607 8.49-10.948 17.205-7.596 27.036 5.81 14.524 21.897 18.992 34.41 24.578 10.278 4.022 32.174 11.172 32.174 11.172 24.355 8.491 51.392 25.025 58.765 52.508 3.351 11.843 3.351 25.25.67 37.315-6.033 26.812-23.237 33.292-33.069 39.995-4.915 3.352-50.944 21.004-106.356 2.905-11.396-3.798-24.579-8.267-24.579-8.267V845.16s6.033.223 8.49.223c3.8 9.608 7.151 21.227 15.195 32.846 18.768 27.26 45.358 35.526 74.628 29.27 11.62-2.681 24.355-10.725 27.707-22.79 4.245-13.63 2.904-36.198-38.209-51.392-29.717-13.63-67.031-19.215-84.682-52.284-6.927-18.546-4.916-50.72 17.874-66.362 23.015-15.64 45.358-19.215 72.395-15.64 26.813 3.798 33.963 7.373 49.827 14.076M1095.663 713.107c.224 16.088 0 49.38 0 49.38l-7.82.224c-4.693-20.78-14.748-38.655-31.952-46.922-16.535-8.044-41.56-12.066-57.871 2.234-9.607 8.49-10.948 17.205-7.597 27.036 5.81 14.524 21.897 18.992 34.41 24.578 10.278 4.022 32.175 11.172 32.175 11.172 24.355 8.491 51.391 25.025 58.764 52.508 3.352 11.843 3.352 25.25.67 37.315-6.032 26.812-23.237 33.292-33.068 39.995-4.916 3.352-50.944 21.004-106.357 2.905a6027 6027 0 0 1-24.579-8.267V845.16s6.034.223 8.491.223c3.798 9.608 7.15 21.227 15.194 32.846 18.769 27.26 45.358 35.526 74.629 29.27 11.619-2.681 24.355-10.725 27.706-22.79 4.245-13.63 2.905-36.198-38.208-51.392-29.717-13.63-67.032-19.215-84.683-52.284-6.927-18.546-4.916-50.72 18.098-66.362 22.791-15.64 45.135-19.215 71.948-15.64 27.035 3.798 34.186 7.373 50.05 14.076" className="ps010" transform="translate(-264.894 -693.677)"/>
</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 brands collection.
Related JSX icons
FAQ
Is the Hugo Boss 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.