tennis ball icon
tennis-ball from BoxIcons v2 by Boxicons · Regular · MIT Free for personal and commercial use.
- Name
- tennis-ball
- Set
- BoxIcons v2
- Style
- Regular
- Viewbox
- 24×24
- License
- MIT
- Aliases
- bx-tennis-ball
The same icon in other sets
Use the tennis ball icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4.929 19.081c1.895 1.895 4.405 2.938 7.071 2.938s5.177-1.043 7.071-2.938c3.899-3.899 3.899-10.243 0-14.143C17.177 3.044 14.665 2 12 2S6.823 3.044 4.929 4.938c-3.899 3.899-3.899 10.244 0 14.143m12.728-1.414a7.97 7.97 0 0 1-3.813 2.129c-.009-1.602.586-3.146 1.691-4.251c1.163-1.163 2.732-1.828 4.277-1.851a7.95 7.95 0 0 1-2.155 3.973m2.325-5.965c-2.124-.021-4.284.853-5.861 2.429c-1.532 1.532-2.327 3.68-2.263 5.881a7.95 7.95 0 0 1-5.516-2.345a7.97 7.97 0 0 1-2.332-5.512c.077.002.154.014.231.014c2.115 0 4.16-.804 5.637-2.28c1.58-1.58 2.457-3.739 2.43-5.873a7.95 7.95 0 0 1 5.349 2.337a7.96 7.96 0 0 1 2.325 5.349M6.343 6.353a7.97 7.97 0 0 1 3.973-2.169c-.018 1.555-.685 3.124-1.851 4.291c-1.104 1.103-2.642 1.696-4.238 1.691a7.93 7.93 0 0 1 2.116-3.813"/></svg>
React
import type { SVGProps } from "react";
export function BxTennisBall(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4.929 19.081c1.895 1.895 4.405 2.938 7.071 2.938s5.177-1.043 7.071-2.938c3.899-3.899 3.899-10.243 0-14.143C17.177 3.044 14.665 2 12 2S6.823 3.044 4.929 4.938c-3.899 3.899-3.899 10.244 0 14.143m12.728-1.414a7.97 7.97 0 0 1-3.813 2.129c-.009-1.602.586-3.146 1.691-4.251c1.163-1.163 2.732-1.828 4.277-1.851a7.95 7.95 0 0 1-2.155 3.973m2.325-5.965c-2.124-.021-4.284.853-5.861 2.429c-1.532 1.532-2.327 3.68-2.263 5.881a7.95 7.95 0 0 1-5.516-2.345a7.97 7.97 0 0 1-2.332-5.512c.077.002.154.014.231.014c2.115 0 4.16-.804 5.637-2.28c1.58-1.58 2.457-3.739 2.43-5.873a7.95 7.95 0 0 1 5.349 2.337a7.96 7.96 0 0 1 2.325 5.349M6.343 6.353a7.97 7.97 0 0 1 3.973-2.169c-.018 1.555-.685 3.124-1.851 4.291c-1.104 1.103-2.642 1.696-4.238 1.691a7.93 7.93 0 0 1 2.116-3.813"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4.929 19.081c1.895 1.895 4.405 2.938 7.071 2.938s5.177-1.043 7.071-2.938c3.899-3.899 3.899-10.243 0-14.143C17.177 3.044 14.665 2 12 2S6.823 3.044 4.929 4.938c-3.899 3.899-3.899 10.244 0 14.143m12.728-1.414a7.97 7.97 0 0 1-3.813 2.129c-.009-1.602.586-3.146 1.691-4.251c1.163-1.163 2.732-1.828 4.277-1.851a7.95 7.95 0 0 1-2.155 3.973m2.325-5.965c-2.124-.021-4.284.853-5.861 2.429c-1.532 1.532-2.327 3.68-2.263 5.881a7.95 7.95 0 0 1-5.516-2.345a7.97 7.97 0 0 1-2.332-5.512c.077.002.154.014.231.014c2.115 0 4.16-.804 5.637-2.28c1.58-1.58 2.457-3.739 2.43-5.873a7.95 7.95 0 0 1 5.349 2.337a7.96 7.96 0 0 1 2.325 5.349M6.343 6.353a7.97 7.97 0 0 1 3.973-2.169c-.018 1.555-.685 3.124-1.851 4.291c-1.104 1.103-2.642 1.696-4.238 1.691a7.93 7.93 0 0 1 2.116-3.813"/></svg> </template>
CSS
.icon-tennis-ball {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4.929%2019.081c1.895%201.895%204.405%202.938%207.071%202.938s5.177-1.043%207.071-2.938c3.899-3.899%203.899-10.243%200-14.143C17.177%203.044%2014.665%202%2012%202S6.823%203.044%204.929%204.938c-3.899%203.899-3.899%2010.244%200%2014.143m12.728-1.414a7.97%207.97%200%200%201-3.813%202.129c-.009-1.602.586-3.146%201.691-4.251c1.163-1.163%202.732-1.828%204.277-1.851a7.95%207.95%200%200%201-2.155%203.973m2.325-5.965c-2.124-.021-4.284.853-5.861%202.429c-1.532%201.532-2.327%203.68-2.263%205.881a7.95%207.95%200%200%201-5.516-2.345a7.97%207.97%200%200%201-2.332-5.512c.077.002.154.014.231.014c2.115%200%204.16-.804%205.637-2.28c1.58-1.58%202.457-3.739%202.43-5.873a7.95%207.95%200%200%201%205.349%202.337a7.96%207.96%200%200%201%202.325%205.349M6.343%206.353a7.97%207.97%200%200%201%203.973-2.169c-.018%201.555-.685%203.124-1.851%204.291c-1.104%201.103-2.642%201.696-4.238%201.691a7.93%207.93%200%200%201%202.116-3.813%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4.929%2019.081c1.895%201.895%204.405%202.938%207.071%202.938s5.177-1.043%207.071-2.938c3.899-3.899%203.899-10.243%200-14.143C17.177%203.044%2014.665%202%2012%202S6.823%203.044%204.929%204.938c-3.899%203.899-3.899%2010.244%200%2014.143m12.728-1.414a7.97%207.97%200%200%201-3.813%202.129c-.009-1.602.586-3.146%201.691-4.251c1.163-1.163%202.732-1.828%204.277-1.851a7.95%207.95%200%200%201-2.155%203.973m2.325-5.965c-2.124-.021-4.284.853-5.861%202.429c-1.532%201.532-2.327%203.68-2.263%205.881a7.95%207.95%200%200%201-5.516-2.345a7.97%207.97%200%200%201-2.332-5.512c.077.002.154.014.231.014c2.115%200%204.16-.804%205.637-2.28c1.58-1.58%202.457-3.739%202.43-5.873a7.95%207.95%200%200%201%205.349%202.337a7.96%207.96%200%200%201%202.325%205.349M6.343%206.353a7.97%207.97%200%200%201%203.973-2.169c-.018%201.555-.685%203.124-1.851%204.291c-1.104%201.103-2.642%201.696-4.238%201.691a7.93%207.93%200%200%201%202.116-3.813%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bx/tennis-ball.svg?color=%231a73e8&size=48
