tennis emoji
tennis from Twitter Emoji by Twitter · Default · Activities · CC-BY-4.0 Attribution required.
- Name
- tennis
- Set
- Twitter Emoji
- Style
- Default
- Category
- Activities
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
More activities icons from Twitter Emoji
Use the tennis emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><circle cx="18" cy="18" r="18" fill="#77b255"/><path fill="#a6d388" d="M26 18c0 6.048 2.792 10.221 5.802 11.546A17.92 17.92 0 0 0 36 18c0-4.396-1.58-8.42-4.198-11.546C28.792 7.779 26 11.952 26 18"/><path fill="#fff" d="M27 18c0-6.048 1.792-10.221 4.802-11.546a18 18 0 0 0-1.428-1.504C27.406 6.605 25 10.578 25 18c0 7.421 2.406 11.395 5.374 13.05c.502-.476.984-.973 1.428-1.504C28.792 28.221 27 24.048 27 18"/><path fill="#a6d388" d="M10 18c0-6.048-2.792-10.22-5.802-11.546A17.92 17.92 0 0 0 0 18c0 4.396 1.58 8.42 4.198 11.546C7.208 28.22 10 24.048 10 18"/><path fill="#fff" d="M4.198 6.454C7.208 7.78 9 11.952 9 18S7.208 28.22 4.198 29.546c.445.531.926 1.027 1.428 1.504C8.593 29.395 11 25.421 11 18S8.594 6.605 5.626 4.951a18 18 0 0 0-1.428 1.503"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiTennis(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><circle cx="18" cy="18" r="18" fill="#77b255"/><path fill="#a6d388" d="M26 18c0 6.048 2.792 10.221 5.802 11.546A17.92 17.92 0 0 0 36 18c0-4.396-1.58-8.42-4.198-11.546C28.792 7.779 26 11.952 26 18"/><path fill="#fff" d="M27 18c0-6.048 1.792-10.221 4.802-11.546a18 18 0 0 0-1.428-1.504C27.406 6.605 25 10.578 25 18c0 7.421 2.406 11.395 5.374 13.05c.502-.476.984-.973 1.428-1.504C28.792 28.221 27 24.048 27 18"/><path fill="#a6d388" d="M10 18c0-6.048-2.792-10.22-5.802-11.546A17.92 17.92 0 0 0 0 18c0 4.396 1.58 8.42 4.198 11.546C7.208 28.22 10 24.048 10 18"/><path fill="#fff" d="M4.198 6.454C7.208 7.78 9 11.952 9 18S7.208 28.22 4.198 29.546c.445.531.926 1.027 1.428 1.504C8.593 29.395 11 25.421 11 18S8.594 6.605 5.626 4.951a18 18 0 0 0-1.428 1.503"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><circle cx="18" cy="18" r="18" fill="#77b255"/><path fill="#a6d388" d="M26 18c0 6.048 2.792 10.221 5.802 11.546A17.92 17.92 0 0 0 36 18c0-4.396-1.58-8.42-4.198-11.546C28.792 7.779 26 11.952 26 18"/><path fill="#fff" d="M27 18c0-6.048 1.792-10.221 4.802-11.546a18 18 0 0 0-1.428-1.504C27.406 6.605 25 10.578 25 18c0 7.421 2.406 11.395 5.374 13.05c.502-.476.984-.973 1.428-1.504C28.792 28.221 27 24.048 27 18"/><path fill="#a6d388" d="M10 18c0-6.048-2.792-10.22-5.802-11.546A17.92 17.92 0 0 0 0 18c0 4.396 1.58 8.42 4.198 11.546C7.208 28.22 10 24.048 10 18"/><path fill="#fff" d="M4.198 6.454C7.208 7.78 9 11.952 9 18S7.208 28.22 4.198 29.546c.445.531.926 1.027 1.428 1.504C8.593 29.395 11 25.421 11 18S8.594 6.605 5.626 4.951a18 18 0 0 0-1.428 1.503"/></svg> </template>
CSS
.icon-tennis {
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%2036%2036%22%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%2218%22%20fill%3D%22%2377b255%22%2F%3E%3Cpath%20fill%3D%22%23a6d388%22%20d%3D%22M26%2018c0%206.048%202.792%2010.221%205.802%2011.546A17.92%2017.92%200%200%200%2036%2018c0-4.396-1.58-8.42-4.198-11.546C28.792%207.779%2026%2011.952%2026%2018%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M27%2018c0-6.048%201.792-10.221%204.802-11.546a18%2018%200%200%200-1.428-1.504C27.406%206.605%2025%2010.578%2025%2018c0%207.421%202.406%2011.395%205.374%2013.05c.502-.476.984-.973%201.428-1.504C28.792%2028.221%2027%2024.048%2027%2018%22%2F%3E%3Cpath%20fill%3D%22%23a6d388%22%20d%3D%22M10%2018c0-6.048-2.792-10.22-5.802-11.546A17.92%2017.92%200%200%200%200%2018c0%204.396%201.58%208.42%204.198%2011.546C7.208%2028.22%2010%2024.048%2010%2018%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M4.198%206.454C7.208%207.78%209%2011.952%209%2018S7.208%2028.22%204.198%2029.546c.445.531.926%201.027%201.428%201.504C8.593%2029.395%2011%2025.421%2011%2018S8.594%206.605%205.626%204.951a18%2018%200%200%200-1.428%201.503%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%2036%2036%22%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%2218%22%20fill%3D%22%2377b255%22%2F%3E%3Cpath%20fill%3D%22%23a6d388%22%20d%3D%22M26%2018c0%206.048%202.792%2010.221%205.802%2011.546A17.92%2017.92%200%200%200%2036%2018c0-4.396-1.58-8.42-4.198-11.546C28.792%207.779%2026%2011.952%2026%2018%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M27%2018c0-6.048%201.792-10.221%204.802-11.546a18%2018%200%200%200-1.428-1.504C27.406%206.605%2025%2010.578%2025%2018c0%207.421%202.406%2011.395%205.374%2013.05c.502-.476.984-.973%201.428-1.504C28.792%2028.221%2027%2024.048%2027%2018%22%2F%3E%3Cpath%20fill%3D%22%23a6d388%22%20d%3D%22M10%2018c0-6.048-2.792-10.22-5.802-11.546A17.92%2017.92%200%200%200%200%2018c0%204.396%201.58%208.42%204.198%2011.546C7.208%2028.22%2010%2024.048%2010%2018%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M4.198%206.454C7.208%207.78%209%2011.952%209%2018S7.208%2028.22%204.198%2029.546c.445.531.926%201.027%201.428%201.504C8.593%2029.395%2011%2025.421%2011%2018S8.594%206.605%205.626%204.951a18%2018%200%200%200-1.428%201.503%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/tennis.svg?color=%231a73e8&size=48
