sports tennis icon
sports-tennis-outline-rounded from Material Symbols Light by Google · Outline Rounded · Activities · Apache-2.0 Free for personal and commercial use.
- Name
- sports-tennis-outline-rounded
- Set
- Material Symbols Light
- Style
- Outline Rounded
- Category
- Activities
- Viewbox
- 24×24
- License
- Apache 2.0
3 other variants in Material Symbols Light
The same icon in other sets
More activities icons from Material Symbols Light
Use the sports tennis icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.923 13.55q-2.04 0-3.07.246q-1.028.246-1.79 1.008l-4.15 4.15q-.14.14-.341.15q-.2.01-.366-.15q-.166-.166-.166-.357t.166-.357l4.144-4.144q.737-.736.976-1.755t.24-3.11q0-1.335.592-2.62q.592-1.284 1.677-2.369q1.967-1.967 4.294-2.267t3.833 1.217q1.511 1.512 1.211 3.839t-2.261 4.288q-1.085 1.085-2.36 1.658t-2.629.573m-2.47-1.9q1.176 1.17 3.176.85t3.575-1.894q1.6-1.6 1.903-3.588t-.853-3.112q-1.181-1.162-3.128-.852t-3.572 1.89Q9.979 6.52 9.632 8.497q-.348 1.978.822 3.153m5.577 9.473q-.877-.877-.877-2.123t.877-2.123T18.154 16t2.123.877t.877 2.123t-.877 2.123t-2.123.877t-2.123-.877m3.535-.71q.588-.588.588-1.413t-.588-1.412T18.154 17t-1.413.588T16.154 19t.587 1.413t1.413.587t1.412-.587M18.154 19"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightSportsTennisOutlineRounded(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="M12.923 13.55q-2.04 0-3.07.246q-1.028.246-1.79 1.008l-4.15 4.15q-.14.14-.341.15q-.2.01-.366-.15q-.166-.166-.166-.357t.166-.357l4.144-4.144q.737-.736.976-1.755t.24-3.11q0-1.335.592-2.62q.592-1.284 1.677-2.369q1.967-1.967 4.294-2.267t3.833 1.217q1.511 1.512 1.211 3.839t-2.261 4.288q-1.085 1.085-2.36 1.658t-2.629.573m-2.47-1.9q1.176 1.17 3.176.85t3.575-1.894q1.6-1.6 1.903-3.588t-.853-3.112q-1.181-1.162-3.128-.852t-3.572 1.89Q9.979 6.52 9.632 8.497q-.348 1.978.822 3.153m5.577 9.473q-.877-.877-.877-2.123t.877-2.123T18.154 16t2.123.877t.877 2.123t-.877 2.123t-2.123.877t-2.123-.877m3.535-.71q.588-.588.588-1.413t-.588-1.412T18.154 17t-1.413.588T16.154 19t.587 1.413t1.413.587t1.412-.587M18.154 19"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.923 13.55q-2.04 0-3.07.246q-1.028.246-1.79 1.008l-4.15 4.15q-.14.14-.341.15q-.2.01-.366-.15q-.166-.166-.166-.357t.166-.357l4.144-4.144q.737-.736.976-1.755t.24-3.11q0-1.335.592-2.62q.592-1.284 1.677-2.369q1.967-1.967 4.294-2.267t3.833 1.217q1.511 1.512 1.211 3.839t-2.261 4.288q-1.085 1.085-2.36 1.658t-2.629.573m-2.47-1.9q1.176 1.17 3.176.85t3.575-1.894q1.6-1.6 1.903-3.588t-.853-3.112q-1.181-1.162-3.128-.852t-3.572 1.89Q9.979 6.52 9.632 8.497q-.348 1.978.822 3.153m5.577 9.473q-.877-.877-.877-2.123t.877-2.123T18.154 16t2.123.877t.877 2.123t-.877 2.123t-2.123.877t-2.123-.877m3.535-.71q.588-.588.588-1.413t-.588-1.412T18.154 17t-1.413.588T16.154 19t.587 1.413t1.413.587t1.412-.587M18.154 19"/></svg> </template>
CSS
.icon-sports-tennis-outline-rounded {
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%22M12.923%2013.55q-2.04%200-3.07.246q-1.028.246-1.79%201.008l-4.15%204.15q-.14.14-.341.15q-.2.01-.366-.15q-.166-.166-.166-.357t.166-.357l4.144-4.144q.737-.736.976-1.755t.24-3.11q0-1.335.592-2.62q.592-1.284%201.677-2.369q1.967-1.967%204.294-2.267t3.833%201.217q1.511%201.512%201.211%203.839t-2.261%204.288q-1.085%201.085-2.36%201.658t-2.629.573m-2.47-1.9q1.176%201.17%203.176.85t3.575-1.894q1.6-1.6%201.903-3.588t-.853-3.112q-1.181-1.162-3.128-.852t-3.572%201.89Q9.979%206.52%209.632%208.497q-.348%201.978.822%203.153m5.577%209.473q-.877-.877-.877-2.123t.877-2.123T18.154%2016t2.123.877t.877%202.123t-.877%202.123t-2.123.877t-2.123-.877m3.535-.71q.588-.588.588-1.413t-.588-1.412T18.154%2017t-1.413.588T16.154%2019t.587%201.413t1.413.587t1.412-.587M18.154%2019%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%22M12.923%2013.55q-2.04%200-3.07.246q-1.028.246-1.79%201.008l-4.15%204.15q-.14.14-.341.15q-.2.01-.366-.15q-.166-.166-.166-.357t.166-.357l4.144-4.144q.737-.736.976-1.755t.24-3.11q0-1.335.592-2.62q.592-1.284%201.677-2.369q1.967-1.967%204.294-2.267t3.833%201.217q1.511%201.512%201.211%203.839t-2.261%204.288q-1.085%201.085-2.36%201.658t-2.629.573m-2.47-1.9q1.176%201.17%203.176.85t3.575-1.894q1.6-1.6%201.903-3.588t-.853-3.112q-1.181-1.162-3.128-.852t-3.572%201.89Q9.979%206.52%209.632%208.497q-.348%201.978.822%203.153m5.577%209.473q-.877-.877-.877-2.123t.877-2.123T18.154%2016t2.123.877t.877%202.123t-.877%202.123t-2.123.877t-2.123-.877m3.535-.71q.588-.588.588-1.413t-.588-1.412T18.154%2017t-1.413.588T16.154%2019t.587%201.413t1.413.587t1.412-.587M18.154%2019%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/sports-tennis-outline-rounded.svg?color=%231a73e8&size=48
