More Sports icon
fluent-mdl2:more-sports
The More Sports icon (fluent-mdl2:more-sports) is a free SVG icon from the Fluent UI MDL2 set by Microsoft Corporation. It is drawn on a 2048 × 2048 grid. Fluent UI MDL2 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
- Fluent UI MDL2
- Author
- Microsoft Corporation
- License
- MIT
- Size
- 2048 × 2048
- Tags
- moresports, sport
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="m621 1171l256 256l-90 90l-256-256zM1216 0q115 0 221 29t199 84t168 130t130 168t84 199t30 222q0 146-48 279t-134 241t-206 184t-261 108q9 74 9 148q0 53-20 99t-55 82t-81 55t-100 20q-159 0-306-41t-276-116t-233-180t-180-233t-116-275T0 896q0-53 20-99t55-82t81-55t100-20q74 0 148 9q32-142 108-261t184-205T937 48t279-48m354 569q48 35 105 53t117 18q50 0 98-12q-20-68-54-130t-79-116zm96-278q-54-45-116-79t-130-54q-12 48-12 98q0 60 18 117t53 105zm-371-158q-20-3-39-4t-40-1q-124 0-239 42T766 292l450 450l172-172q-53-67-80-147t-28-167q0-63 15-123M675 382q-53 63-90 136t-55 155q137 32 263 99t231 161l102-101zm477 1538q27 0 50-10t40-27t28-41t10-50q0-141-36-272t-104-244t-160-207t-207-161t-245-103t-272-37q-27 0-50 10t-40 27t-28 41t-10 50q0 141 36 272t104 244t160 207t207 161t245 103t272 37m-37-896q94 105 161 231t99 263q81-18 154-55t137-90l-450-451zm641 258q79-95 121-210t43-240q0-20-1-39t-4-40q-60 15-123 15q-86 0-166-27t-148-81l-172 172z"/></svg>How to use the More Sports icon
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:more-sports" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:more-sports" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:more-sports" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--more-sports]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:more-sports"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:more-sports"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/more-sports.svg" alt="More Sports icon" width="24" height="24">Related icons in Fluent UI MDL2
More Sports icon FAQ
Is the More Sports icon free for commercial use?
Yes. Fluent UI MDL2 icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the More Sports icon in React?
Install @iconify/react and render <Icon icon="fluent-mdl2:more-sports" />, or use “Copy code” on this page to get a standalone React component.
How do I add the More Sports icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/more-sports.svg" alt="More Sports icon">, or paste the SVG code inline to style it with CSS.