How to use the Decathlon icon
import { DecathlonLogo } from "@/assets/icons/decathlonLogo"
export default function Example() {
return <DecathlonLogo width="32px" height="32px" />
}E-commerce icon
Decathlon JSX Icon
Copy the Decathlon icon as an optimized JSX SVG component for React, Next.js, dashboards, landing pages and Tailwind interfaces.
ComponentDecathlonLogo
FiledecathlonLogo.jsx
CategoryE-commerce
Copy-ready code
Decathlon React JSX component
// Source: https://commons.wikimedia.org/wiki/Special:PermanentLink/1198708898
// Asset license: Public domain textlogo
// Optimized, converted to monochrome currentColor JSX, and parameterized by JSXIcons.
export const DecathlonLogo = ({ width = "40px", height = "40px", color = "#3643BA", ...props }) => (
<svg {...props} width={width} height={height} viewBox="0 0 1958 389" xmlns="http://www.w3.org/2000/svg" fill={color} color={color}>
<path fill="currentColor" stroke="currentColor" strokeWidth=".094" d="M260.85 59.78c26.17-5.17 54.19-7.06 79.56 2.71 12.36 5.25 24.46 12.6 32.24 23.85 11.76 15.69 13.55 36.66 11.2 55.53-5.96 35.79-25.86 67.6-49.72 94.27-12.01 12.37-23.82 25.18-37.9 35.26-.07-18.72-.96-37.49.15-56.18 6.29-9.15 14.92-16.41 21.3-25.51 14.03-18.95 26.65-40.38 28.78-64.38 1.44-10.14-1.12-20.64-6.57-29.25-7.93-11.67-21.7-17.78-35.34-19.53-25.84-4.22-51.72 3.06-75.68 12.27-41.12 16.84-78.39 42.88-108.5 75.54-17.02 18.55-31.6 40.14-38.42 64.6-2.18 9.42-3.65 19.3-1.76 28.91 1.75 8.47 8.28 16.57 17.25 17.58 15.01 3.06 28.98-5.02 40.74-13.29 23.11-18.1 42.06-40.8 60.49-63.47 22.5-28.58 43.99-58.01 63.2-88.92.22 61.99.22 123.97 0 185.96-37.71 21.4-79.82 38.32-123.88 37.37-24.35.17-50.25-7.53-66.71-26.37-11.26-12.07-15.26-28.99-15.76-45.05-.41-23.85 8.61-46.71 19.93-67.29 20.72-35.28 50.28-64.85 83.63-88.28 30.62-21.59 65.06-38.28 101.77-46.33ZM775.25 125.24c19.85-25.5 54.54-35.36 85.72-31.2 16.69 2.25 33.13 8.76 45.32 20.66 15.14 14.69 22.99 35.54 25.03 56.24-16.43.1-32.85.11-49.26.04-3-10.18-6.26-21.15-15.4-27.61-15.57-9.42-37.88-6.5-49.93 7.37-6.76 7.24-9.92 17.05-11.17 26.7-.97 13.94-1.98 28.58 3.03 41.93 3.96 10.29 10.24 20.54 20.42 25.64 16.39 8.57 37.24 7.74 52.94-2.06 14-8.77 24.61-21.97 33.03-35.99C938 170.31 960.81 133.53 984.01 97c23.32-.01 46.64-.03 69.97.03.03 64.98.03 129.96 0 194.95-16.32.04-32.62.06-48.93.01-.05-11.9-.03-23.79-.38-35.67-22.16-.27-44.36-.93-66.5-.01-8.54 6.31-14.93 15.14-23.87 21.01-14.79 10.25-32.4 16.33-50.34 17.58-26.6 2.94-55.02-2.64-76.34-19.48-14.42-11.08-23.9-27.51-29.23-44.68-9.54-35.21-6.4-76.14 16.86-105.5m185.63 91.72c14.7.09 29.39.06 44.1.02-.06-23.47.33-46.95-.32-70.41-15.09 23.14-29.15 46.95-43.78 70.39ZM1621.41 93.43c28.85-2.01 59.3 7.32 79.4 28.76 20.55 21.98 27.42 53.47 25.19 82.8-1.77 29.48-16.05 59.44-41.67 75.35-30.2 18.78-70.06 20.13-102.23 5.55-17.04-8.24-31.46-22.01-40.09-38.88-10.21-18.48-12.49-40.25-11.91-61.02 1.38-25.24 11.35-50.45 29.82-68.07 16.72-15.26 39.04-23.35 61.49-24.49m.03 45.08c-13.4 1.06-25.71 9-32.29 20.66-8.95 15.95-9.57 35.32-6.28 52.95 2.11 11.95 7.91 23.83 18.2 30.79 13.65 9.94 32.39 9.84 47.64 3.84 15.78-6.71 24.33-23.76 25.83-40.15 1.64-18.89.43-40.43-12.82-55.35-10.11-10.9-25.89-14.86-40.28-12.74ZM440.02 97.02c25 .03 49.99-.16 75 0 28.36.15 57.76 11.67 74.96 34.96 11.6 15.79 17.37 35.17 18.52 54.59 1.31 20.79-2.23 42.25-12.26 60.67-8.94 15.57-22.66 28.64-39.26 35.74-15.82 7.6-33.69 8.91-50.97 9.04-22 .08-44-.06-65.99-.04-.03-64.98-.04-129.97 0-194.96m50.21 42.26c-.56 36.57-.09 73.15-.21 109.73 10.28.03 20.58.42 30.86-.4 12.09-1.29 23.53-8.71 28.99-19.68 7.96-13.41 8.8-29.77 7.26-44.91-1.35-13.42-6.07-27.5-17.09-36.05-13.97-11.07-33.19-9.05-49.81-8.69Z"/><path fill="currentColor" stroke="currentColor" strokeWidth=".094" d="M620.02 97.02c43.89.12 87.78-.36 131.66.25.43 13.9.36 27.81.31 41.71-27.33.08-54.66-.04-81.99.04-.02 11.99-.02 23.97.01 35.97 23.99.05 47.99-.03 71.99.02 0 12.99.03 25.99-.01 38.98-24 .05-48-.03-72 .02-.01 11.66 0 23.31.01 34.97 27.23.2 54.46-.32 81.69.29.45 14.13.44 28.27.04 42.41-43.9.72-87.81.15-131.71.3-.03-64.99-.04-129.97 0-194.96ZM1067.01 97.01c49.33-.02 98.65-.02 147.98 0 .02 13.99.03 27.98 0 41.98-16.34.03-32.66-.01-48.98.02-.06 51 .03 101.99-.02 152.98-16.67.03-33.32.04-49.97-.01-.07-50.99.02-101.98-.03-152.97-16.34-.03-32.66.01-48.98-.02-.04-14-.04-27.99 0-41.98ZM1227.01 97.01c16.65-.04 33.3-.04 49.96.01.08 24.65-.03 49.31.05 73.96 22.65.05 45.3.04 67.97 0 .06-24.65-.05-49.31.03-73.97 16.64-.04 33.3-.04 49.96.01.03 64.99.03 129.97 0 194.96q-24.99.075-49.95 0c-.22-26.22.3-52.44-.26-78.65-22.48-.56-44.97-.51-67.44-.05-.71 26.22-.15 52.46-.35 78.7-16.56 0-33.11.26-49.66-.21-.74-64.92-.13-129.84-.31-194.76ZM1409.02 97.02c16.64-.05 33.3-.05 49.96 0 .22 50.88-.33 101.77.26 152.66 25.24.68 50.5.15 75.76.34.03 13.89.1 27.77-.27 41.66-41.9.72-83.81.16-125.71.3-.04-64.99-.04-129.97 0-194.96ZM1738.02 97.03c17.21-.07 34.43-.13 51.65.11 21.33 35.41 42.5 70.93 64.06 106.21.61-35.44.08-70.89.29-106.34 15.97-.03 31.97-.04 47.97 0 .01 64.99.03 129.98-.01 194.97-16.3.04-32.58.08-48.85-.02-22.19-37.16-44.16-74.45-66.95-111.23-.43 37.08-.04 74.17-.2 111.26-16 .03-31.99.04-47.97 0-.02-64.99-.03-129.97.01-194.96Z"/>
</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 e-commerce collection.
Related JSX icons
FAQ
Is the Decathlon 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.