Tennis icon
cil:tennis
The Tennis icon (cil:tennis) 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="M144 80a64 64 0 1 0-64 64a64.07 64.07 0 0 0 64-64m-96 0a32 32 0 1 1 32 32a32.036 32.036 0 0 1-32-32m392.65-8.564a133.37 133.37 0 0 0-94.233-39.348h-.622c-37.49 0-74.1 15.969-103.135 45.007c-29.579 29.58-53.748 74.529-64.652 120.24a217 217 0 0 0-5.459 34.69a119.9 119.9 0 0 1-15.265 51.463A142.4 142.4 0 0 1 134.593 313l-79.285 81.211c-12.389 12.431-13.708 25.214-12.626 33.756c1.254 9.919 6.525 19.771 15.243 28.49S76.5 470.447 86.416 471.7a38 38 0 0 0 4.754.3c8.188 0 18.755-2.679 29.074-13l79.278-81.2a142 142 0 0 1 31.969-24.044a118.7 118.7 0 0 1 48.6-13.943a216.4 216.4 0 0 0 34.886-5.562c45.544-10.991 90.409-35.227 120.011-64.83c29.2-29.2 45.182-66.048 45.005-103.757a133.37 133.37 0 0 0-39.343-94.228m-343.094 365c-3.944 3.917-6.256 3.625-7.128 3.517c-2.729-.346-6.328-2.577-9.875-6.124s-5.779-7.146-6.124-9.876c-.111-.877-.405-3.2 3.577-7.186l63.374-64.912l19.61 19.61Zm86.05-87.61l-19.972-19.971a173.6 173.6 0 0 0 21.186-29.091a72.77 72.77 0 0 0 27.88 27.875a173.6 173.6 0 0 0-29.094 21.188ZM412.366 246.8c-25.234 25.233-65.426 46.826-104.891 56.35c-39.275 9.477-72.175 5.684-88.012-10.15c-33.763-33.765-8.923-138.532 45.825-193.28c25.064-25.064 53.5-35.508 80.192-35.508a103.2 103.2 0 0 1 72.543 29.851c35.65 35.65 45.783 101.295-5.657 152.737"/></svg>
How to use the Tennis icon
React
import { Icon } from "@iconify/react";
<Icon icon="cil:tennis" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cil:tennis" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cil:tennis" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cil--tennis]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cil -->
<div class="i-cil:tennis"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cil:tennis"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/cil/tennis.svg" alt="Tennis icon" width="24" height="24">
Related icons in CoreUI Free
Tennis icon in other icon sets
Tennis icon FAQ
Is the Tennis 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 Tennis icon in React?
Install @iconify/react and render <Icon icon="cil:tennis" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Tennis icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cil/tennis.svg" alt="Tennis icon">, or paste the SVG code inline to style it with CSS.
Browse all CoreUI Free icons →
ICONYZ
