How to use the Umbro icon
import { UmbroLogo } from "@/assets/icons/umbroLogo"
export default function Example() {
return <UmbroLogo width="32px" height="32px" />
}Brands icon
Umbro JSX Icon
Copy the Umbro icon as an optimized JSX SVG component for React, Next.js, dashboards, landing pages and Tailwind interfaces.
ComponentUmbroLogo
FileumbroLogo.jsx
CategoryBrands
Copy-ready code
Umbro React JSX component
// Source: https://commons.wikimedia.org/wiki/Special:PermanentLink/1116288914
// Asset license: Public domain textlogo
// Optimized, converted to monochrome currentColor JSX, and parameterized by JSXIcons.
export const UmbroLogo = ({ width = "40px", height = "40px", color = "#000000", ...props }) => (
<svg {...props} width={width} height={height} viewBox="0 0 1000 648" xmlns="http://www.w3.org/2000/svg" fill={color} color={color}>
<path fill="currentColor" fillRule="evenodd" d="M487.5 9.683c-1.1.301-11.675 4.599-23.5 9.551l-31 12.981a9178 9178 0 0 1-21 8.75c-6.325 2.625-24.1 10.059-39.5 16.519s-31.6 13.234-36 15.053-14.075 5.851-21.5 8.958a9626 9626 0 0 1-24 10.003c-5.775 2.395-18.15 7.58-27.5 11.521s-20.6 8.645-25 10.453-22.175 9.223-39.5 16.481a62825 62825 0 0 1-73 30.547c-6.875 2.87-19.025 7.948-27 11.287-7.975 3.338-28.622 11.974-45.882 19.191-17.261 7.217-32.826 14.223-34.589 15.568-5.22 3.981-8.904 11.823-8.904 18.954 0 7.048 3.779 15.181 8.849 19.048 2.629 2.004 17.333 8.609 35.526 15.957 7.584 3.063 48.264 20.038 55 22.951 7.434 3.214 66.251 27.797 88.5 36.99 4.4 1.818 22.175 9.252 39.5 16.521 43.137 18.097 108.781 45.56 118.5 49.574a4637 4637 0 0 1 21.5 8.985c7.425 3.124 18.675 7.839 25 10.478 14.42 6.016 40.523 16.925 53 22.149 25.924 10.854 31.552 12.914 38.01 13.916 9.941 1.543 18.501-.039 33.275-6.151 21.173-8.759 32.803-13.6 46.715-19.449 7.425-3.121 18.675-7.832 25-10.469s17.575-7.35 25-10.474a4637 4637 0 0 1 21.5-8.985c4.4-1.817 26-10.84 48-20.052s45.175-18.901 51.5-21.532 19.15-8.006 28.5-11.944 21.725-9.123 27.5-11.522c24.8-10.3 30.628-12.723 51.5-21.411 12.1-5.037 24.475-10.228 27.5-11.536 7.342-3.174 60.041-25.229 67-28.039 18.189-7.346 32.897-13.953 35.526-15.957 5.07-3.867 8.849-12 8.849-19.048 0-7.132-3.684-14.973-8.906-18.956-2.77-2.113-20.581-9.975-49.969-22.058-4.4-1.809-15.2-6.309-24-10.001-18.24-7.651-31.452-13.16-43-17.93-4.4-1.818-23.3-9.718-42-17.557-78.219-32.788-118.447-49.607-135-56.442-7.846-3.24-36.776-15.348-91.5-38.297-15.125-6.343-29.975-12.535-33-13.759s-15.4-6.423-27.5-11.553l-22-9.326-12-.244c-6.6-.133-12.9.004-14 .306m2.5 57.7c-2.475.758-9.45 3.49-15.5 6.071a2930 2930 0 0 1-21.5 9.055c-5.775 2.398-14.775 6.137-20 8.309-10.548 4.384-80.269 33.542-138 57.713-38.512 16.124-50.59 21.165-64.5 26.919-15.61 6.457-40.079 16.714-45.5 19.073-3.025 1.316-19.225 8.077-36 15.023s-31.273 13.378-32.217 14.292c-1.017.985-1.398 2.177-.933 2.925.665 1.072 28.92 13.239 77.15 33.223a6136 6136 0 0 1 27.5 11.51c8.8 3.71 19.6 8.231 24 10.047s14.075 5.847 21.5 8.957 17.1 7.152 21.5 8.982 15.2 6.34 24 10.022 21.175 8.853 27.5 11.492 17.575 7.354 25 10.478a4258 4258 0 0 0 21.5 8.98c18.413 7.593 87.657 36.667 95.5 40.098s9.273 3.727 18.5 3.829l10 .111 17.5-7.368a9897 9897 0 0 1 29-12.155c6.325-2.633 20.275-8.48 31-12.994 18.486-7.78 24.115-10.131 49-20.466 5.775-2.399 18.15-7.584 27.5-11.522s22.4-9.411 29-12.162l20-8.336c4.4-1.834 14.075-5.879 21.5-8.989s17.1-7.141 21.5-8.957 15.2-6.337 24-10.047a6136 6136 0 0 1 27.5-11.51c48.23-19.984 76.485-32.151 77.15-33.223.465-.748.084-1.94-.933-2.925-.944-.914-15.217-7.281-31.717-14.149s-39.9-16.635-52-21.706c-22.897-9.597-35.445-14.828-49-20.43-4.4-1.818-26-10.849-48-20.07s-45.625-19.105-52.5-21.967a29331 29331 0 0 1-39.5-16.508c-14.85-6.217-31.05-12.984-36-15.037-29.585-12.272-53.76-22.382-58.851-24.611-7.181-3.145-18.885-4.047-25.649-1.977M493 556v86h41v-20.3l2.896 3.998c10.949 15.114 33.618 22.569 54.011 17.762 15.162-3.574 28.684-14.697 35.979-29.597 5.813-11.874 7.294-18.279 7.85-33.962.41-11.561.168-14.858-1.615-22-4.727-18.928-15.736-33.64-30.737-41.074-7.997-3.962-8.995-4.203-19.179-4.622-6.16-.254-13.132.053-16.343.72-7.988 1.658-18.505 7.009-24.612 12.521l-5.25 4.739V470h-44zm-159.5-42.609c-11.897 2.905-21.705 9.538-28.061 18.976L302 537.473V515h-40v127h43.802l.45-33.75c.492-36.855 1.11-41.553 6.519-49.539 3.738-5.518 6.747-7.513 13.445-8.914 5.095-1.066 6.233-.981 10.48.779 4.109 1.703 5.182 2.789 7.785 7.876l3.019 5.902.331 38.823.332 38.823h43.658l.422-34.25c.459-37.3.921-40.734 6.615-49.159 3.636-5.379 6.692-7.4 13.273-8.776 8.129-1.701 13.837.573 17.627 7.021l2.742 4.664.302 40.25.303 40.25h45.019l-.374-47.25c-.331-41.899-.579-47.986-2.192-53.75-2.262-8.083-3.869-11.342-8.277-16.783-3.951-4.878-12.154-9.409-20.08-11.092-7.448-1.581-21.729-1.399-28.498.364-11.308 2.945-22.302 10.259-28.304 18.829l-1.974 2.818-3.222-4.973c-5.555-8.572-13.214-14.002-23.703-16.804-6.13-1.637-21.235-1.62-28 .032m375.728.578c-8.162 2.937-14.249 8.248-20.641 18.008L685 537.454V515h-40v127h43.795l.44-32.25c.405-29.622.616-32.788 2.596-38.847 2.966-9.081 7.772-15.07 14.902-18.571 5.377-2.641 6.561-2.827 17.517-2.756l11.75.076v-18.209c0-21.203 1.188-19.431-13-19.393-5.778.015-10.188.63-13.772 1.919m83.772-.484c-8.974 1.791-21.441 6.766-27.933 11.147-18.203 12.287-27.374 30.536-27.322 54.368.042 19.086 5.211 32.105 17.754 44.713 6.785 6.821 9.774 8.988 17.628 12.786 29.084 14.061 68.703 10.131 90.873-9.015 19.455-16.8 26.277-44.009 17.927-71.5-6.543-21.539-26.283-37.465-52.765-42.57-8.95-1.725-27.343-1.689-36.162.071M114.265 556.75c.459 45.771.678 47.666 6.869 59.328 6.527 12.295 20.241 22.207 36.866 26.648 10.278 2.745 35.99 2.467 46.299-.501 16.733-4.818 28.493-13.592 35.121-26.204 6.127-11.66 6.543-15.516 6.563-60.771L246 515h-43.857l-.367 39.75c-.322 34.844-.582 40.304-2.11 44.236-3.496 8.996-9.571 13.014-19.674 13.014-7.083 0-12.748-2.444-15.889-6.855-4.555-6.397-5.103-12.018-5.103-52.355V515h-45.154zm687.983-13.931c-7.871 2.81-13.085 7.661-16.856 15.681-9.422 20.036-2.855 45.609 13.849 53.933 10.363 5.164 25.336 2.589 32.21-5.54 12.302-14.549 12.472-43.343.332-56.512-7.573-8.217-19.296-11.218-29.535-7.562m-246.759 3.446c-5.714 2.344-9.448 5.15-12.491 9.387-4.949 6.891-6.297 11.733-6.364 22.848-.053 8.936.243 10.665 2.789 16.247 3.096 6.792 9.476 13.477 15.105 15.829 4.123 1.723 12.333 1.845 17.614.263 15.09-4.521 23.12-28.942 15.83-48.148-4.157-10.954-11.779-16.744-22.797-17.315-3.832-.198-7.957.18-9.686.889"/><path fill="currentColor" fillRule="evenodd" d="M481.5 127.053c-13.712 5.831-34.77 14.649-81 33.916-8.25 3.438-19.05 7.969-24 10.068-4.95 2.1-14.4 6.071-21 8.826-6.6 2.754-21.9 9.145-34 14.201s-27.319 11.392-33.819 14.08c-16.481 6.813-19.423 8.456-21.16 11.816-2.94 5.685-.809 13.041 4.566 15.761 2.587 1.31 20.869 9.127 29.913 12.791 3.025 1.226 17.875 7.41 33 13.744s42.8 17.899 61.5 25.702 39.175 16.368 45.5 19.033c11.27 4.747 31.605 13.25 45.5 19.025 12.485 5.189 15.156 5.036 31.5-1.806 5.225-2.188 27.5-11.52 49.5-20.738s45.175-18.898 51.5-21.508c6.325-2.611 25.675-10.7 43-17.976s35.1-14.713 39.5-16.527c27.006-11.131 28.976-12.105 31.25-15.449 2.743-4.032 2.869-8.485.357-12.605-2.281-3.739 2.551-1.579-88.107-39.399a52038 52038 0 0 1-49.5-20.674 55015 55015 0 0 0-23.5-9.84c-5.775-2.417-22.425-9.453-37-15.636-24.667-10.464-27.019-11.265-34-11.576-7.13-.316-8.093-.081-19.5 4.771"/>
</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 Umbro 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.