tennis icon
tennis from Carbon by IBM · Outline · Enterprise · Apache-2.0 Free for personal and commercial use.
- Name
- tennis
- Set
- Carbon
- Style
- Outline
- Category
- Enterprise
- Viewbox
- 32×32
- License
- Apache 2.0
The same icon in other sets
More enterprise icons from Carbon
accountaiai-agentai-agent-detachedai-business-impact-assessmentai-enabled-edtai-enabled-pdlcai-generateai-governance-lifecycleai-governance-trackedai-governance-untrackedai-labelai-launchai-observabilityai-recommendappleapple-dashautoscalingbank-vaultbasketballbatbee-batbinding-connectorblock-storage
Use the tennis icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><rect width="4" height="4" x="20" y="2" fill="currentColor" rx="2"/><path fill="currentColor" d="M11 16a1 1 0 0 1-.707-1.707l7-7a1 1 0 1 1 1.414 1.414l-7 7A1 1 0 0 1 11 16"/><path fill="currentColor" d="M23.707 24.293a8.4 8.4 0 0 0-4.72-2.209q.3-.245.578-.521a9.24 9.24 0 0 0 1.733-9.914l-1.877.697c1.11 2.98.635 5.898-1.272 7.802a6.7 6.7 0 0 1-5.56 1.805a9.78 9.78 0 0 1-5.772-2.786c-2.973-2.97-4.076-8.227-.98-11.32c1.906-1.905 4.826-2.38 7.809-1.27l.699-1.875c-3.683-1.369-7.486-.706-9.924 1.731c-3.943 3.939-2.676 10.496.98 14.149a11.8 11.8 0 0 0 6.976 3.36c.21.022.416.023.623.033V24h4.996a6.85 6.85 0 0 1 4.297 1.707L26.586 30L28 28.586Z"/></svg>
React
import type { SVGProps } from "react";
export function CarbonTennis(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><rect width="4" height="4" x="20" y="2" fill="currentColor" rx="2"/><path fill="currentColor" d="M11 16a1 1 0 0 1-.707-1.707l7-7a1 1 0 1 1 1.414 1.414l-7 7A1 1 0 0 1 11 16"/><path fill="currentColor" d="M23.707 24.293a8.4 8.4 0 0 0-4.72-2.209q.3-.245.578-.521a9.24 9.24 0 0 0 1.733-9.914l-1.877.697c1.11 2.98.635 5.898-1.272 7.802a6.7 6.7 0 0 1-5.56 1.805a9.78 9.78 0 0 1-5.772-2.786c-2.973-2.97-4.076-8.227-.98-11.32c1.906-1.905 4.826-2.38 7.809-1.27l.699-1.875c-3.683-1.369-7.486-.706-9.924 1.731c-3.943 3.939-2.676 10.496.98 14.149a11.8 11.8 0 0 0 6.976 3.36c.21.022.416.023.623.033V24h4.996a6.85 6.85 0 0 1 4.297 1.707L26.586 30L28 28.586Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><rect width="4" height="4" x="20" y="2" fill="currentColor" rx="2"/><path fill="currentColor" d="M11 16a1 1 0 0 1-.707-1.707l7-7a1 1 0 1 1 1.414 1.414l-7 7A1 1 0 0 1 11 16"/><path fill="currentColor" d="M23.707 24.293a8.4 8.4 0 0 0-4.72-2.209q.3-.245.578-.521a9.24 9.24 0 0 0 1.733-9.914l-1.877.697c1.11 2.98.635 5.898-1.272 7.802a6.7 6.7 0 0 1-5.56 1.805a9.78 9.78 0 0 1-5.772-2.786c-2.973-2.97-4.076-8.227-.98-11.32c1.906-1.905 4.826-2.38 7.809-1.27l.699-1.875c-3.683-1.369-7.486-.706-9.924 1.731c-3.943 3.939-2.676 10.496.98 14.149a11.8 11.8 0 0 0 6.976 3.36c.21.022.416.023.623.033V24h4.996a6.85 6.85 0 0 1 4.297 1.707L26.586 30L28 28.586Z"/></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%2032%2032%22%3E%3Crect%20width%3D%224%22%20height%3D%224%22%20x%3D%2220%22%20y%3D%222%22%20fill%3D%22currentColor%22%20rx%3D%222%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11%2016a1%201%200%200%201-.707-1.707l7-7a1%201%200%201%201%201.414%201.414l-7%207A1%201%200%200%201%2011%2016%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M23.707%2024.293a8.4%208.4%200%200%200-4.72-2.209q.3-.245.578-.521a9.24%209.24%200%200%200%201.733-9.914l-1.877.697c1.11%202.98.635%205.898-1.272%207.802a6.7%206.7%200%200%201-5.56%201.805a9.78%209.78%200%200%201-5.772-2.786c-2.973-2.97-4.076-8.227-.98-11.32c1.906-1.905%204.826-2.38%207.809-1.27l.699-1.875c-3.683-1.369-7.486-.706-9.924%201.731c-3.943%203.939-2.676%2010.496.98%2014.149a11.8%2011.8%200%200%200%206.976%203.36c.21.022.416.023.623.033V24h4.996a6.85%206.85%200%200%201%204.297%201.707L26.586%2030L28%2028.586Z%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%2032%2032%22%3E%3Crect%20width%3D%224%22%20height%3D%224%22%20x%3D%2220%22%20y%3D%222%22%20fill%3D%22currentColor%22%20rx%3D%222%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11%2016a1%201%200%200%201-.707-1.707l7-7a1%201%200%201%201%201.414%201.414l-7%207A1%201%200%200%201%2011%2016%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M23.707%2024.293a8.4%208.4%200%200%200-4.72-2.209q.3-.245.578-.521a9.24%209.24%200%200%200%201.733-9.914l-1.877.697c1.11%202.98.635%205.898-1.272%207.802a6.7%206.7%200%200%201-5.56%201.805a9.78%209.78%200%200%201-5.772-2.786c-2.973-2.97-4.076-8.227-.98-11.32c1.906-1.905%204.826-2.38%207.809-1.27l.699-1.875c-3.683-1.369-7.486-.706-9.924%201.731c-3.943%203.939-2.676%2010.496.98%2014.149a11.8%2011.8%200%200%200%206.976%203.36c.21.022.416.023.623.033V24h4.996a6.85%206.85%200%200%201%204.297%201.707L26.586%2030L28%2028.586Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/carbon/tennis.svg?color=%231a73e8&size=48
