Tennisball icon
fxemoji:tennisball
The Tennisball icon (fxemoji:tennisball) is a free SVG icon from the Firefox OS Emoji set by Mozilla. It is drawn on a 512 × 512 grid. Firefox OS Emoji icons are released under the Apache 2.0 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
- Firefox OS Emoji
- Author
- Mozilla
- License
- Apache-2.0
- Size
- 512 × 512
- Category
- Objects
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#2ABA52" d="M256 512C115.506 512 1.206 397.7 1.206 257.206S115.506 2.411 256 2.411s254.794 114.3 254.794 254.795C510.794 397.7 396.494 512 256 512"/><path fill="#B4D99A" d="M384.819 256.205c0 65.796 20.402 126.817 55.2 177.12c43.857-45.788 70.842-107.86 70.842-176.119c0-68.676-27.322-131.083-71.653-176.951c-34.306 50.078-54.389 110.665-54.389 175.95M1.131 257.206c0 68.259 26.985 130.331 70.842 176.119c34.798-50.303 55.2-111.324 55.2-177.12c0-65.285-20.084-125.873-54.389-175.95C28.453 126.123 1.131 188.53 1.131 257.206"/><path fill="#E5E4DF" d="M408.252 257.205c0-57.116 16.515-111.687 47.262-158.286a257 257 0 0 0-33.247-34.626a334 334 0 0 0-34.661 62.419c-17.487 41.344-26.354 85.248-26.354 130.493s8.866 89.149 26.354 130.493a334 334 0 0 0 34.661 62.42a257 257 0 0 0 33.248-34.626c-30.748-46.599-47.263-101.171-47.263-158.287M56.486 98.919c30.747 46.599 47.262 101.171 47.262 158.286c0 57.116-16.516 111.688-47.263 158.287a257 257 0 0 0 33.247 34.626a334 334 0 0 0 34.662-62.42c17.487-41.344 26.354-85.248 26.354-130.493s-8.867-89.149-26.354-130.493a334 334 0 0 0-34.661-62.419a257 257 0 0 0-33.247 34.626"/></svg>How to use the Tennisball icon
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:tennisball" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:tennisball" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:tennisball" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--tennisball]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:tennisball"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:tennisball"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fxemoji/tennisball.svg" alt="Tennisball icon" width="24" height="24">Tennisball icon in other icon sets
Tennisball icon FAQ
Is the Tennisball icon free for commercial use?
Yes. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Tennisball icon in React?
Install @iconify/react and render <Icon icon="fxemoji:tennisball" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Tennisball icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/tennisball.svg" alt="Tennisball icon">, or paste the SVG code inline to style it with CSS.