Soccer icon
cil:soccer
The Soccer icon (cil:soccer) is a free SVG icon from the CoreUI Free set by creativeLabs Łukasz Holeczek. It is drawn on a 512 × 512 grid. CoreUI Free icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- CoreUI Free
- Author
- creativeLabs Łukasz Holeczek
- License
- CC-BY-4.0
- Size
- 512 × 512
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M425.706 86.294A240 240 0 0 0 86.294 425.706A240 240 0 0 0 425.706 86.294m-4.464 43.535A206.9 206.9 0 0 1 463.824 247.8l-66.14-49.772ZM316.033 56.845l-58.378 43.37l-61.125-43.538a208.14 208.14 0 0 1 119.5.168ZM116.8 198.047L48.156 248.33a206.9 206.9 0 0 1 43.092-119.141ZM86.2 376h79.365l25.035 77.458A208.92 208.92 0 0 1 86.2 376m140.787 85.967L188.85 344H67.562a206.3 206.3 0 0 1-17.324-57.527l104.967-76.9l-39.648-106.858a209 209 0 0 1 45.714-31.864l96.781 68.934l92.741-68.9a209 209 0 0 1 45.884 32.048L359.833 209.6l101.951 76.721A206.3 206.3 0 0 1 444.438 344H327.512l-42.045 117.9a208 208 0 0 1-58.482.064Zm95.606-8.9L350.075 376H425.8a208.96 208.96 0 0 1-103.209 77.069Z"/><path fill="currentColor" d="M346.809 223.427L257.854 158.8L168.9 223.427L202.876 328h109.955ZM289.582 296h-63.457l-19.609-60.351l51.338-37.3l51.337 37.3Z"/></svg>
How to use the Soccer icon
React
import { Icon } from "@iconify/react";
<Icon icon="cil:soccer" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cil:soccer" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cil:soccer" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cil--soccer]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cil -->
<div class="i-cil:soccer"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cil:soccer"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/cil/soccer.svg" alt="Soccer icon" width="24" height="24">
Soccer icon in other icon sets
Soccer icon FAQ
Is the Soccer icon free for commercial use?
Yes. CoreUI Free icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Soccer icon in React?
Install @iconify/react and render <Icon icon="cil:soccer" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Soccer icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cil/soccer.svg" alt="Soccer icon">, or paste the SVG code inline to style it with CSS.
Browse all CoreUI Free icons →
ICONYZ
