Soccer Ball Sharp Duotone icon
keyline-icons:soccer-ball-sharp-duotone
The Soccer Ball Sharp Duotone icon (keyline-icons:soccer-ball-sharp-duotone) is a free SVG icon from the Keyline Icons set. It is drawn on a 24 × 24 grid. Keyline 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
- Keyline Icons
- Author
- Keyline Icons
- License
- MIT
- Size
- 24 × 24
- Tags
- soccerball, ballsharp, sharpduotone, soccerballsharpduotone
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" fill-rule="evenodd" d="M18.6575 4.5381L15.7479 8.5427L14.1299 7.3671L17.0403 3.3613C17.6172 3.6987 18.159 4.0929 18.6575 4.5381ZM21.5813 14.8723L21.4386 15.3118C21.3537 15.5536 21.2596 15.792 21.1563 16.0265L16.4463 14.4961L17.0643 12.594L21.7739 14.1243C21.7194 14.376 21.6552 14.6256 21.5813 14.8723ZM11 21.9506L11 17L13 17L13 21.9506C12.6677 21.9835 12.3339 22 12 22C11.6661 22 11.3323 21.9835 11 21.9506ZM2.5614 15.3118L2.4187 14.8723C2.3448 14.6256 2.2806 14.376 2.2261 14.1243L6.9357 12.594L7.5537 14.4961L2.8437 16.0265C2.7404 15.792 2.6463 15.5536 2.5614 15.3118ZM6.9597 3.3613L9.8701 7.3671L8.2521 8.5427L5.3425 4.5381C5.841 4.0929 6.3828 3.6987 6.9597 3.3613Z" clip-rule="evenodd" stroke="none"/><path d="M22 12C22 17.5228 17.5228 22 12 22C6.4772 22 2 17.5228 2 12C2 6.4772 6.4772 2 12 2C17.5228 2 22 6.4772 22 12ZM14.9389 7.9549L16.7553 13.5451L12 17L7.2447 13.5451L9.0611 7.9549L14.9389 7.9549Z"/></g></svg>How to use the Soccer Ball Sharp Duotone icon
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:soccer-ball-sharp-duotone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:soccer-ball-sharp-duotone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:soccer-ball-sharp-duotone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--soccer-ball-sharp-duotone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:soccer-ball-sharp-duotone"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:soccer-ball-sharp-duotone"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/keyline-icons/soccer-ball-sharp-duotone.svg" alt="Soccer Ball Sharp Duotone icon" width="24" height="24">Related icons in Keyline Icons
Soccer Ball Sharp Duotone icon FAQ
Is the Soccer Ball Sharp Duotone icon free for commercial use?
Yes. Keyline Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Soccer Ball Sharp Duotone icon in React?
Install @iconify/react and render <Icon icon="keyline-icons:soccer-ball-sharp-duotone" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Soccer Ball Sharp Duotone icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/keyline-icons/soccer-ball-sharp-duotone.svg" alt="Soccer Ball Sharp Duotone icon">, or paste the SVG code inline to style it with CSS.