Decathlon Logo アイコン
thesvg-color:decathlon-logo
Decathlon Logo アイコン(thesvg-color:decathlon-logo)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 440 × 371 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 440 × 371
- タグ
- decathlonlogo
SVG コード
<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>Decathlon Logo アイコンの使い方
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 コンポーネント
<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 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/decathlon-logo.svg" alt="Decathlon Logo アイコン" width="24" height="24">Decathlon Logo アイコン のよくある質問
Decathlon Logo アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Decathlon Logo アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:decathlon-logo" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Decathlon Logo アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/decathlon-logo.svg" alt="Decathlon Logo アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。