How to use the Superdry icon
import { SuperdryLogo } from "@/assets/icons/superdryLogo"
export default function Example() {
return <SuperdryLogo width="32px" height="32px" />
}Brands icon
Superdry JSX Icon
Copy the Superdry icon as an optimized JSX SVG component for React, Next.js, dashboards, landing pages and Tailwind interfaces.
ComponentSuperdryLogo
FilesuperdryLogo.jsx
CategoryBrands
Copy-ready code
Superdry React JSX component
// Source: https://commons.wikimedia.org/wiki/Special:PermanentLink/1115255963
// Asset license: Public domain textlogo
// Optimized, converted to monochrome currentColor JSX, and parameterized by JSXIcons.
export const SuperdryLogo = ({ width = "40px", height = "40px", color = "#000000", ...props }) => (
<svg {...props} width={width} height={height} viewBox="0 0 39.952 9.411" xmlns="http://www.w3.org/2000/svg" fill={color} color={color}>
<g fill="currentColor"><path d="m38.122 5.794-.015-.415c-.014-.424-.101-.65-.43-.767.334-.107.518-.4.518-.83 0-.678-.363-.996-1.118-.996H35.39v3.511h.715V4.93h.76c.396 0 .503.142.517.557l.01.37q.006.287.083.44h.783V6.19c-.131-.068-.131-.19-.135-.396M36.947 4.32h-.841v-.928h.875c.334 0 .498.161.498.464 0 .322-.17.464-.532.464" className="st0"/><path d="M36.714 1.429c-1.712 0-3.105 1.407-3.105 3.136S35.002 7.7 36.714 7.7s3.105-1.406 3.105-3.135c0-1.73-1.393-3.136-3.105-3.136m0 5.539c-1.312 0-2.38-1.078-2.38-2.403s1.068-2.403 2.38-2.403 2.38 1.078 2.38 2.403-1.068 2.403-2.38 2.403" className="st0"/></g><path d="M.132 5.465c.069 1.33.972 2.103 2.546 2.103 1.6 0 2.487-.764 2.487-2.05q.002-.966-.757-1.399c-.388-.217-.869-.339-1.455-.487-1.023-.26-1.496-.26-1.496-.851 0-.478.37-.756 1.041-.756.765 0 1.187.322 1.23.93H4.95C4.907 1.703 4.064.973 2.61.973 1.053.973.227 1.652.227 2.859c0 .651.232 1.138.67 1.416.405.261.87.348 1.368.46 1.136.26 1.652.374 1.652.947 0 .522-.37.791-1.119.791-.85 0-1.316-.313-1.41-1.008zM9.484 2.781H8.262v2.728c0 .608-.37.973-.938.973-.524 0-.706-.287-.706-.913V2.781H5.397v3.145q-.002 1.59 1.506 1.59c.576 0 1.04-.226 1.385-.669v.547h1.196zM9.78 9.245h1.188V6.821c.3.478.765.73 1.35.73 1.067 0 1.876-.965 1.876-2.485 0-1.477-.784-2.442-1.893-2.442-.594 0-1.007.243-1.36.782v-.625h-1.16zm3.2-4.127c0 .86-.387 1.364-.989 1.364-.645 0-1.023-.487-1.023-1.364 0-.947.352-1.433.997-1.433.654 0 1.015.495 1.015 1.433M15.689 4.605c.051-.625.37-.955.894-.955.568 0 .887.33.904.955zm1.78 1.39c-.155.357-.421.513-.834.513-.594 0-.913-.374-.947-1.094h3.055q.01-.168.008-.322c0-1.59-.8-2.476-2.194-2.476-1.316 0-2.133.93-2.133 2.441 0 1.555.851 2.494 2.15 2.494 1.085 0 1.867-.591 2.117-1.556zM19.062 7.393h1.223v-2.44c0-.695.344-1.043 1.006-1.043h.404V2.66c-.06-.01-.12-.01-.18-.01-.585 0-.998.287-1.317.921v-.79h-1.135zM22.842 5.057c0-.86.388-1.364.99-1.364.645 0 1.024.487 1.024 1.364 0 .947-.353 1.434-.998 1.434-.653 0-1.015-.496-1.015-1.434m3.2-3.909h-1.186v2.206c-.302-.477-.775-.73-1.36-.73-1.067 0-1.876.965-1.876 2.485 0 1.477.783 2.441 1.893 2.441.594 0 1.015-.243 1.368-.781v.625h1.162zM26.301 7.393h1.222v-2.44c0-.695.344-1.043 1.006-1.043h.405V2.66c-.06-.01-.12-.01-.18-.01-.586 0-.999.287-1.317.921v-.79h-1.136zM29.694 9.245c.215.026.388.034.516.034.878 0 1.205-.278 1.472-1.06l1.875-5.439h-1.282l-.937 3.329-.964-3.328h-1.343l1.644 4.665a.4.4 0 0 1 .025.13c0 .462-.24.687-.722.687-.069 0-.172 0-.285-.018zM6.884 1.899s.169-.17.21-.249c0 0 .137.177.238.257l.114-.198s-.211-.197-.238-.26c0 0 .14-.302.18-.632L7.296.689s-.048.009-.074.009h-.296S6.874.695 6.854.685v.233s.026-.006.078-.006h.224s-.042.268-.065.327c0 0-.094-.222-.1-.304l-.16.105s.092.327.15.416c0 0-.14.204-.221.266z" className="st1"/><path d="M6.608 1.92c-.064.018-.296.015-.296.015l-.056-.226c.03.01.225.013.225.013.071 0 .078-.18.078-.18.046-.404.029-.706.029-.706h-.117v.82l-.09-.003h-.277L6 1.656l.01-.105v-.383l-.078.187a2 2 0 0 1-.111-.246v1.056c0 .064.01.115.01.115h-.24a.6.6 0 0 0 .016-.115V1.26c-.04.207-.202.469-.202.469l-.12-.223c.231-.338.292-.716.292-.716h-.133l-.09.013V.551l.077.01h.16V.24c0-.03-.014-.082-.014-.082h.257c-.01.016-.02.088-.02.088v.32h.085c.02 0 .052-.008.052-.008v.233c-.01-.003-.058-.006-.058-.006h-.072c.026.117.188.347.188.347V.85c0-.017-.006-.079-.006-.079l.072.006h.204l.143-.308h-.33c-.082 0-.144.007-.144.007V.24c.016.006.117.013.117.013h1.219a1 1 0 0 0 .117-.01v.24c-.017-.007-.115-.01-.115-.01h-.617L6.591.64h.13c.023 0 .091-.006.091-.006s-.026.804-.055.967c0 0-.02.28-.15.319M6.292.971h-.11v.486h.11z" className="st1"/><path d="M5.906 2.211v-.247s.072.01.097.01h1.309l.11-.008v.242s-.06-.01-.104-.01H6.003s-.07.002-.097.013M9.374 1.273c-.02-.003-.09-.003-.09-.003h-.742c-.042 0-.104.003-.104.003.007-.02.013-.125.013-.125V.913H8.13c.003.967-.26 1.357-.26 1.357l-.185-.216c.243-.345.198-1.599.198-1.599 0-.026-.01-.133-.01-.133.013.01.153.01.153.01h.669V.24c0-.023-.006-.086-.006-.086h.27c-.01.023-.01.079-.01.079v.095h.728c.042 0 .107-.006.107-.006v.232C9.768.551 9.693.551 9.693.551h-.321v.154h.33c.02 0 .085-.01.085-.01v.223C9.774.915 9.712.915 9.712.915h-.344v.276c0 .022.007.082.007.082m-.92-.725h-.32v.157h.32zm.68 0h-.442v.157h.442zm0 .364h-.442v.157h.442z" className="st1"/><path d="M8.318 1.404h1.03a1 1 0 0 0 .082-.01l.12.135a6 6 0 0 0-.16.184c-.025.032-.26.207-.26.207.238.101.677.11.677.11l-.095.253c-.562-.066-.816-.223-.816-.223-.22.141-.766.223-.766.223l-.091-.236a1.9 1.9 0 0 0 .644-.124c-.13-.07-.306-.323-.306-.323l-.162.01v-.22c.006.004.103.014.103.014m.592.417c.061-.016.282-.22.282-.22h-.546c.053.086.264.22.264.22M10.707.243V.39h.289c.045 0 .1-.01.1-.01v.23c-.015-.003-.087-.01-.087-.01h-.3v.144h.32v.059c.223-.272.285-.64.285-.64l.25.04c-.007.059-.071.246-.071.246h.546c.045 0 .123-.01.123-.01v.25c-.015-.004-.12-.01-.12-.01h-.65c-.013.032-.14.216-.14.216h.576c.071 0 .113-.01.113-.01l.137.174c-.188.134-.605.646-.63.699-.027.052-.101.16-.03.21s.267.026.374.023.13-.105.13-.105c.029-.093.013-.26.013-.26l.24.092c-.026.414-.15.45-.15.45-.11.075-.415.062-.415.062-.299 0-.377-.05-.377-.05-.221-.114-.039-.452.033-.57.071-.118.438-.489.438-.489h-.419a1 1 0 0 0-.091.016v-.17l-.059.066-.113-.112v.584c0 .033.003.072.003.072-.013-.003-.091-.003-.091-.003h-.221v.15h.24c.04 0 .11-.005.11-.005v.233a1 1 0 0 0-.097-.01h-.263v.242a.4.4 0 0 0 .016.102h-.253c.007-.023.016-.105.016-.105v-.236H10.2c-.04 0-.108.01-.108.01v-.24c.01.01.104.014.104.014h.286v-.161h-.329a1 1 0 0 0 .007-.079V.836c0-.02-.007-.095-.007-.095.024.003.04.003.095.006h.234v-.15h-.305l-.091.01V.37c.009.01.1.013.1.013h.293v-.14c0-.03-.01-.077-.01-.077h.253c0 .01-.015.077-.015.077m.1.692h-.422v.128h.422zm0 .311h-.422v.128h.422zM12.505.639l.188.024s.013.456-.068.676l-.192-.096s.079-.275.072-.604M13.311.243h.874s.071 0 .088-.007v.459s0 .036.003.066l-.084-.003h-.78s-.082.006-.095.01l.003-.102V.348s-.003-.072-.009-.105m.731.186h-.497v.155h.497z" className="st1"/><path d="M12.742.2h.254s-.013.069-.013.105v.442s.12-.147.13-.2l.132.158-.097.122s.056.006.097.006h.397s.085.004.098-.003v.463h.097V.918s0-.076-.003-.088l.11.003h.44s.071 0 .093-.003c0 0-.003.046-.003.075v.338l.006.075h-.565v.121h.465s.114 0 .13-.009v.217s-.052-.003-.133-.003h-.354s.116.183.552.344l-.124.23s-.444-.242-.542-.442v.453s.003.055.013.067h-.263s.019-.049.019-.084v-.43s-.172.276-.555.45l-.12-.188s.396-.154.552-.393h-.364s-.052.013-.062.013l.078.062-.114.22s-.194-.184-.21-.263c0 0-.076.345-.29.574l-.17-.19s.277-.242.31-.804c0 0 .032-.797.02-.941 0 0 0-.112-.011-.122m.228.807-.026.407c.007.042.165.233.165.233V1.43l.127.007h.432v-.115h-.452l-.084.007c.004-.017.004-.078.004-.078V.926c0-.027-.01-.079-.01-.079-.017.03-.156.16-.156.16m.578-.003h-.215v.152h.215zm.721 0h-.243v.152h.243zM16.186.252h-.323v.1l-.02 1.193c0 .047-.01.474.333.621 0 0 .946.303 1.223-.679 0 0 .052-.151.06-.164l-.284-.185s-.046.424-.257.632c-.211.21-.6.205-.702.064s-.073-.406-.073-.665c0-.26.023-.77.026-.797zM17.683.567v.272h.363s-.178.571-.438.924l.263.165s.37-.756.458-1.1c0 0 .393-.036.442-.056L18.767.5s-.118.044-.367.067l.087-.356-.303-.037s-.003.07-.007.091l-.062.322-.303-.007s-.106-.003-.13-.013M18.883.698l.139-.225s.405.145.652.315l-.125.236s-.346-.225-.666-.326M18.922.968h.274s-.026.08-.03.113c-.002.034 0 .387.017.457 0 0 .33.145.481.315l-.132.263s-.148-.175-.356-.296c0 0 .03.293-.224.39s-.563.017-.672-.114-.14-.43.105-.571c0 0 .175-.125.524-.051 0 0-.022-.423.014-.506m-.435.809c-.09.157.052.238.273.215.204-.022.149-.272.149-.272-.093-.02-.333-.101-.422.057M19.972.634s.31.037.85-.033c0 0-.138-.333-.142-.366l.29-.04s.1.329.135.376c0 0 .406-.078.561-.142l.036.283s-.432.094-.507.1c0 0 .204.414.408.673l-.267.124s-.141-.175-.584-.155c0 0-.464-.007-.45.286.013.292.853.255 1.186.054l.036.305s-.5.185-1.012.108c0 0-.593-.068-.49-.598 0 0 .164-.595 1.15-.33 0 0-.228-.35-.251-.433 0 0-.66.074-.84.06l-.093.004-.022-.276M22.052.403h.307s-.01.084-.007.127c0 0-.043.706.099 1.092 0 0 .165.528.35-.367l.227.216s-.145.638-.435.642c-.29.003-.554-.353-.54-1.71M22.962.621l.243-.124s.4.51.48 1.27l-.246.104s-.02-.696-.478-1.25M15.57.133h-.234c-.263.36-.394.728-.394 1.062s.131.7.394 1.062h.234a2 2 0 0 1-.302-1.062c0-.383.098-.726.302-1.062M23.854.133c.204.336.303.679.303 1.062 0 .382-.1.726-.303 1.062h.235c.264-.362.393-.729.393-1.062s-.13-.701-.393-1.062z" className="st1"/>
</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 Superdry 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.