Brands icon

Urban Outfitters JSX Icon

Q: Is the Urban Outfitters JSX icon free?

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

Q: Can I customize the Urban Outfitters icon?

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

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

Browse all icons

ComponentUrbanOutfittersLogo

FileurbanoutfittersLogo.jsx

CategoryBrands

Copy-ready code

Urban Outfitters React JSX component

// Source: https://commons.wikimedia.org/wiki/Special:PermanentLink/1222427561
// Asset license: Public domain textlogo
// Optimized, converted to monochrome currentColor JSX, and parameterized by JSXIcons.
export const UrbanOutfittersLogo = ({ width = "40px", height = "40px", color = "#000000", ...props }) => (
  <svg {...props} width={width} height={height} viewBox="0 0 2420 264" xmlns="http://www.w3.org/2000/svg" fill={color} color={color}>
    <path fill="currentColor" fillRule="nonzero" d="M.55 5.555h46.18v195.713c0 11.362 2.491 23.091 15.983 23.091 12.8 0 17.05-11.016 17.05-23.091V5.555h39.075v189.671c0 49.733-22.03 68.2-58.963 68.2-35.52 0-59.325-18.467-59.325-68.2zM219.746 112.822h9.23c17.045 0 23.437-17.046 23.437-35.163 0-27.35-9.942-35.158-25.562-35.158h-7.105zM173.567 5.559h51.854c44.059 0 73.171 18.467 73.171 71.75 0 21.304-6.391 49.721-26.991 61.8l27.358 119.346h-46.546l-21.662-108.691h-11.005v108.691h-46.179zM390.988 221.51c27.704 0 31.971-11.013 31.971-37.296 0-23.084-5.696-36.23-31.97-35.875zm0-112.242c23.092 0 29.113-10.659 29.113-33.392 0-28.763-6.021-33.738-29.113-33.38zM344.81 5.555h56.838c28.416 0 62.512 15.63 62.512 63.933 0 28.417-12.783 50.434-41.2 56.476v.708c31.604 7.458 46.158 29.479 46.158 61.45 0 46.18-31.254 70.33-65.35 70.33H344.81zM568.255 44.622h-.713l-14.558 120.767h28.767zm-29.48-39.067h66.78l31.254 252.896h-44.404l-6.738-56.12h-37.295l-6.392 56.12h-38.73zM678.738 5.555h45.117l42.263 133.55h.712V5.555h36.933v252.896h-35.87l-49.367-153.083h-.713V258.45h-39.075zM997.747 158.643c0 54.7 6.392 65.716 17.046 65.716 10.658 0 17.05-11.016 17.05-65.716v-53.275c0-54.705-6.392-65.717-17.05-65.717-10.654 0-17.046 11.012-17.046 65.717zM1014.793.576c40.854 0 67.496 31.612 67.496 131.425s-26.642 131.425-67.496 131.425c-40.85 0-67.492-31.612-67.492-131.425S973.943.576 1014.793.576M1130.26 5.555h46.179v195.713c0 11.362 2.491 23.091 15.983 23.091 12.783 0 17.05-11.016 17.05-23.091V5.555h39.075v189.671c0 49.733-22.029 68.2-58.962 68.2-35.521 0-59.325-18.467-59.325-68.2zM1324.572 44.622h-39.77V5.555h125.737v39.067h-39.788v213.83h-46.179zM1448.568 5.555h103.363v39.067h-57.184v67.492h42.263v41.2h-42.263V258.45h-46.179z"/><path fill="currentColor" d="M1591.722 5.555h46.18v252.896h-46.18z"/><path fill="currentColor" fillRule="nonzero" d="M1713.927 44.622h-39.771V5.555h125.737v39.067h-39.787v213.83h-46.18zM1859.219 44.622h-39.771V5.555h125.737v39.067h-39.787v213.83h-46.18zM1983.219 5.555h104.425v39.067h-58.246v64.646h42.975v41.208h-42.975v68.9h60.737v39.075H1983.22zM2181.085 112.822h9.246c17.05 0 23.438-17.046 23.438-35.163 0-27.35-9.942-35.158-25.58-35.158h-7.104zM2134.906 5.559h51.875c44.038 0 73.167 18.467 73.167 71.75 0 21.304-6.388 49.721-27.008 61.8l27.358 119.346h-46.53l-21.658-108.691h-11.025v108.691h-46.179zM2337.748 185.284c0 14.209 0 39.075 19.904 39.075 15.271 0 20.6-14.208 20.6-24.508 0-45.117-83.825-55.417-83.825-130.363 0-38.004 20.596-68.912 59.671-68.912 41.55 0 57.533 31.612 58.613 77.08h-41.217c0-14.2 0-38.005-18.458-38.005-11.021 0-17.413 9.237-17.413 23.092 0 42.97 83.825 57.537 83.825 131.066 0 38.717-22.025 69.617-63.57 69.617-49.384 0-59.33-43.333-59.33-78.142z"/>
  </svg>
)

How to use the Urban Outfitters icon

import { UrbanOutfittersLogo } from "@/assets/icons/urbanoutfittersLogo"

export default function Example() {
  return <UrbanOutfittersLogo 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.jsJSXSVGBrands icons

Looking for a similar mark? Browse the related icons below or explore the full brands collection.

Related JSX icons

.NET

1Password

Abercrombie & Fitch

ABN AMRO

Accenture

AdGuard

Adidas

FAQ

Is the Urban Outfitters 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.