Decathlon Logo icon
thesvg-color:decathlon-logo
The Decathlon Logo icon (thesvg-color:decathlon-logo) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 440 × 371 grid. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- theSVG Color
- Author
- thesvg.org
- License
- MIT
- Size
- 440 × 371
- Tags
- decathlonlogo
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="440" height="371" viewBox="0 0 440 371"><path fill="#3642b8" stroke="#3642b8" stroke-width=".125" d="M273.854 5.731c34.893-6.893 72.253-9.413 106.08 3.614c16.48 7 32.613 16.8 42.986 31.8c15.68 20.92 18.067 48.88 14.934 74.04c-7.947 47.72-34.48 90.133-66.294 125.693c-16.013 16.493-31.76 33.573-50.533 47.013c-.093-24.96-1.28-49.986.2-74.906c8.387-12.2 19.893-21.88 28.4-34.013c18.707-25.267 35.533-53.841 38.373-85.84c1.92-13.52-1.493-27.52-8.76-39c-10.573-15.56-28.933-23.707-47.12-26.04c-34.453-5.627-68.96 4.08-100.906 16.36c-54.827 22.453-104.52 57.173-144.667 100.719c-22.693 24.734-42.133 53.521-51.227 86.134c-2.906 12.56-4.866 25.733-2.346 38.546c2.333 11.294 11.04 22.094 23 23.441c20.013 4.08 38.64-6.694 54.32-17.72c30.813-24.134 56.08-54.401 80.653-84.627c30-38.107 58.653-77.347 84.267-118.56c.293 82.653.293 165.293 0 247.947c-50.28 28.533-106.427 51.093-165.174 49.826c-32.466.227-67-10.04-88.946-35.16C6.08 318.905.747 296.345.08 274.931c-.546-31.8 11.48-62.28 26.574-89.72c27.626-47.04 67.04-86.466 111.506-117.706c40.827-28.787 86.747-51.04 135.694-61.774Z"/></svg>How to use the Decathlon Logo icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:decathlon-logo" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:decathlon-logo" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:decathlon-logo" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--decathlon-logo]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:decathlon-logo"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:decathlon-logo"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/decathlon-logo.svg" alt="Decathlon Logo icon" width="24" height="24">Decathlon Logo icon FAQ
Is the Decathlon Logo icon free for commercial use?
Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Decathlon Logo icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:decathlon-logo" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Decathlon Logo icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/decathlon-logo.svg" alt="Decathlon Logo icon">, or paste the SVG code inline to style it with CSS.