sport baseball icon
sport-baseball-20-filled from Fluent UI System Icons by Microsoft Corporation · 20 Filled · MIT Free for personal and commercial use.
- Name
- sport-baseball-20-filled
- Set
- Fluent UI System Icons
- Style
- 20 Filled
- Viewbox
- 20×20
- License
- MIT
3 other variants in Fluent UI System Icons
Related icons in Fluent UI System Icons
Use the sport baseball icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M18 10c0 1.55-.44 2.997-1.204 4.222a11.5 11.5 0 0 0-3.137-1.627a.5.5 0 1 0-.318.948a10.5 10.5 0 0 1 2.875 1.494A7.98 7.98 0 0 1 10 18a7.99 7.99 0 0 1-6.216-2.963a10.5 10.5 0 0 1 2.875-1.494a.5.5 0 0 0-.318-.948c-1.135.38-2.192.933-3.137 1.627A7.96 7.96 0 0 1 2 10c0-1.546.438-2.989 1.198-4.212A11.5 11.5 0 0 0 6.341 7.42a.5.5 0 1 0 .318-.948a10.5 10.5 0 0 1-2.882-1.5A7.99 7.99 0 0 1 10 2a7.98 7.98 0 0 1 6.223 2.972c-.868.64-1.839 1.15-2.882 1.5a.5.5 0 1 0 .318.948a11.5 11.5 0 0 0 3.143-1.632A7.96 7.96 0 0 1 18 10m-8 3q.73 0 1.432.097a.5.5 0 1 0 .136-.991a11.6 11.6 0 0 0-3.136 0a.5.5 0 0 0 .136.99Q9.27 13.002 10 13M8.568 6.918a.5.5 0 0 0-.136.99a11.6 11.6 0 0 0 3.136 0a.5.5 0 1 0-.136-.99a10.6 10.6 0 0 1-2.864 0"/></svg>
React
import type { SVGProps } from "react";
export function FluentSportBaseball20Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M18 10c0 1.55-.44 2.997-1.204 4.222a11.5 11.5 0 0 0-3.137-1.627a.5.5 0 1 0-.318.948a10.5 10.5 0 0 1 2.875 1.494A7.98 7.98 0 0 1 10 18a7.99 7.99 0 0 1-6.216-2.963a10.5 10.5 0 0 1 2.875-1.494a.5.5 0 0 0-.318-.948c-1.135.38-2.192.933-3.137 1.627A7.96 7.96 0 0 1 2 10c0-1.546.438-2.989 1.198-4.212A11.5 11.5 0 0 0 6.341 7.42a.5.5 0 1 0 .318-.948a10.5 10.5 0 0 1-2.882-1.5A7.99 7.99 0 0 1 10 2a7.98 7.98 0 0 1 6.223 2.972c-.868.64-1.839 1.15-2.882 1.5a.5.5 0 1 0 .318.948a11.5 11.5 0 0 0 3.143-1.632A7.96 7.96 0 0 1 18 10m-8 3q.73 0 1.432.097a.5.5 0 1 0 .136-.991a11.6 11.6 0 0 0-3.136 0a.5.5 0 0 0 .136.99Q9.27 13.002 10 13M8.568 6.918a.5.5 0 0 0-.136.99a11.6 11.6 0 0 0 3.136 0a.5.5 0 1 0-.136-.99a10.6 10.6 0 0 1-2.864 0"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M18 10c0 1.55-.44 2.997-1.204 4.222a11.5 11.5 0 0 0-3.137-1.627a.5.5 0 1 0-.318.948a10.5 10.5 0 0 1 2.875 1.494A7.98 7.98 0 0 1 10 18a7.99 7.99 0 0 1-6.216-2.963a10.5 10.5 0 0 1 2.875-1.494a.5.5 0 0 0-.318-.948c-1.135.38-2.192.933-3.137 1.627A7.96 7.96 0 0 1 2 10c0-1.546.438-2.989 1.198-4.212A11.5 11.5 0 0 0 6.341 7.42a.5.5 0 1 0 .318-.948a10.5 10.5 0 0 1-2.882-1.5A7.99 7.99 0 0 1 10 2a7.98 7.98 0 0 1 6.223 2.972c-.868.64-1.839 1.15-2.882 1.5a.5.5 0 1 0 .318.948a11.5 11.5 0 0 0 3.143-1.632A7.96 7.96 0 0 1 18 10m-8 3q.73 0 1.432.097a.5.5 0 1 0 .136-.991a11.6 11.6 0 0 0-3.136 0a.5.5 0 0 0 .136.99Q9.27 13.002 10 13M8.568 6.918a.5.5 0 0 0-.136.99a11.6 11.6 0 0 0 3.136 0a.5.5 0 1 0-.136-.99a10.6 10.6 0 0 1-2.864 0"/></svg> </template>
CSS
.icon-sport-baseball-20-filled {
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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18%2010c0%201.55-.44%202.997-1.204%204.222a11.5%2011.5%200%200%200-3.137-1.627a.5.5%200%201%200-.318.948a10.5%2010.5%200%200%201%202.875%201.494A7.98%207.98%200%200%201%2010%2018a7.99%207.99%200%200%201-6.216-2.963a10.5%2010.5%200%200%201%202.875-1.494a.5.5%200%200%200-.318-.948c-1.135.38-2.192.933-3.137%201.627A7.96%207.96%200%200%201%202%2010c0-1.546.438-2.989%201.198-4.212A11.5%2011.5%200%200%200%206.341%207.42a.5.5%200%201%200%20.318-.948a10.5%2010.5%200%200%201-2.882-1.5A7.99%207.99%200%200%201%2010%202a7.98%207.98%200%200%201%206.223%202.972c-.868.64-1.839%201.15-2.882%201.5a.5.5%200%201%200%20.318.948a11.5%2011.5%200%200%200%203.143-1.632A7.96%207.96%200%200%201%2018%2010m-8%203q.73%200%201.432.097a.5.5%200%201%200%20.136-.991a11.6%2011.6%200%200%200-3.136%200a.5.5%200%200%200%20.136.99Q9.27%2013.002%2010%2013M8.568%206.918a.5.5%200%200%200-.136.99a11.6%2011.6%200%200%200%203.136%200a.5.5%200%201%200-.136-.99a10.6%2010.6%200%200%201-2.864%200%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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18%2010c0%201.55-.44%202.997-1.204%204.222a11.5%2011.5%200%200%200-3.137-1.627a.5.5%200%201%200-.318.948a10.5%2010.5%200%200%201%202.875%201.494A7.98%207.98%200%200%201%2010%2018a7.99%207.99%200%200%201-6.216-2.963a10.5%2010.5%200%200%201%202.875-1.494a.5.5%200%200%200-.318-.948c-1.135.38-2.192.933-3.137%201.627A7.96%207.96%200%200%201%202%2010c0-1.546.438-2.989%201.198-4.212A11.5%2011.5%200%200%200%206.341%207.42a.5.5%200%201%200%20.318-.948a10.5%2010.5%200%200%201-2.882-1.5A7.99%207.99%200%200%201%2010%202a7.98%207.98%200%200%201%206.223%202.972c-.868.64-1.839%201.15-2.882%201.5a.5.5%200%201%200%20.318.948a11.5%2011.5%200%200%200%203.143-1.632A7.96%207.96%200%200%201%2018%2010m-8%203q.73%200%201.432.097a.5.5%200%201%200%20.136-.991a11.6%2011.6%200%200%200-3.136%200a.5.5%200%200%200%20.136.99Q9.27%2013.002%2010%2013M8.568%206.918a.5.5%200%200%200-.136.99a11.6%2011.6%200%200%200%203.136%200a.5.5%200%201%200-.136-.99a10.6%2010.6%200%200%201-2.864%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/sport-baseball-20-filled.svg?color=%231a73e8&size=48
