baseball icon
baseball from Phosphor by Phosphor Icons · Regular · MIT Free for personal and commercial use.
- Name
- baseball
- Set
- Phosphor
- Style
- Regular
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
baseballBoxIcons v2baseballBoxIcons v2 SolidbaseballEmoji One (Colored)baseballElement PlusbaseballFont Awesome 6 SolidbaseballFont Awesome SolidbaseballFluent EmojibaseballFluent Emoji FlatbaseballFluent Emoji High ContrastbaseballFirefox OS EmojibaseballHuge IconsbaseballIconParkbaseballIconPark OutlinebaseballIonIconsbaseballJam IconsbaseballLucide LabbaseballMaterial Design Iconsbaseball-fillMingCute IconbaseballMyna UI IconsbaseballNoto EmojibaseballOpenMojibaseball-fillRemix IconbaseballStreamline EmojisbaseballTwitter Emoji
Related icons in Phosphor
Use the baseball icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24M72.09 195.91c.82-1 1.64-1.93 2.42-2.91A8 8 0 1 0 62 183l-1.34 1.62a87.82 87.82 0 0 1 0-113.24L62 73a8 8 0 1 0 12.51-10c-.78-1-1.6-2-2.42-2.91a87.84 87.84 0 0 1 111.82 0c-.82 1-1.64 1.92-2.42 2.91A8 8 0 1 0 194 73l1.34-1.62a87.82 87.82 0 0 1 0 113.24L194 183a8 8 0 1 0-12.48 10c.78 1 1.6 1.95 2.42 2.91a87.84 87.84 0 0 1-111.82 0Zm23.8-50.59a104.5 104.5 0 0 1-4.48 17.35a8 8 0 0 1-15.09-5.34a87 87 0 0 0 3.79-14.65a8 8 0 1 1 15.78 2.64m0-34.64a8 8 0 0 1-6.57 9.21A8.5 8.5 0 0 1 88 120a8 8 0 0 1-7.88-6.68a87 87 0 0 0-3.79-14.65a8 8 0 0 1 15.09-5.34a104.5 104.5 0 0 1 4.47 17.35m78.91 56.86a8 8 0 0 1-10.21-4.87a104.5 104.5 0 0 1-4.48-17.35a8 8 0 1 1 15.78-2.64a87 87 0 0 0 3.79 14.65a8 8 0 0 1-4.88 10.21m-14.69-56.86a104.5 104.5 0 0 1 4.48-17.35a8 8 0 0 1 15.09 5.34a87 87 0 0 0-3.79 14.65A8 8 0 0 1 168 120a8.5 8.5 0 0 1-1.33-.11a8 8 0 0 1-6.56-9.21"/></svg>
React
import type { SVGProps } from "react";
export function PhBaseball(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24M72.09 195.91c.82-1 1.64-1.93 2.42-2.91A8 8 0 1 0 62 183l-1.34 1.62a87.82 87.82 0 0 1 0-113.24L62 73a8 8 0 1 0 12.51-10c-.78-1-1.6-2-2.42-2.91a87.84 87.84 0 0 1 111.82 0c-.82 1-1.64 1.92-2.42 2.91A8 8 0 1 0 194 73l1.34-1.62a87.82 87.82 0 0 1 0 113.24L194 183a8 8 0 1 0-12.48 10c.78 1 1.6 1.95 2.42 2.91a87.84 87.84 0 0 1-111.82 0Zm23.8-50.59a104.5 104.5 0 0 1-4.48 17.35a8 8 0 0 1-15.09-5.34a87 87 0 0 0 3.79-14.65a8 8 0 1 1 15.78 2.64m0-34.64a8 8 0 0 1-6.57 9.21A8.5 8.5 0 0 1 88 120a8 8 0 0 1-7.88-6.68a87 87 0 0 0-3.79-14.65a8 8 0 0 1 15.09-5.34a104.5 104.5 0 0 1 4.47 17.35m78.91 56.86a8 8 0 0 1-10.21-4.87a104.5 104.5 0 0 1-4.48-17.35a8 8 0 1 1 15.78-2.64a87 87 0 0 0 3.79 14.65a8 8 0 0 1-4.88 10.21m-14.69-56.86a104.5 104.5 0 0 1 4.48-17.35a8 8 0 0 1 15.09 5.34a87 87 0 0 0-3.79 14.65A8 8 0 0 1 168 120a8.5 8.5 0 0 1-1.33-.11a8 8 0 0 1-6.56-9.21"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24M72.09 195.91c.82-1 1.64-1.93 2.42-2.91A8 8 0 1 0 62 183l-1.34 1.62a87.82 87.82 0 0 1 0-113.24L62 73a8 8 0 1 0 12.51-10c-.78-1-1.6-2-2.42-2.91a87.84 87.84 0 0 1 111.82 0c-.82 1-1.64 1.92-2.42 2.91A8 8 0 1 0 194 73l1.34-1.62a87.82 87.82 0 0 1 0 113.24L194 183a8 8 0 1 0-12.48 10c.78 1 1.6 1.95 2.42 2.91a87.84 87.84 0 0 1-111.82 0Zm23.8-50.59a104.5 104.5 0 0 1-4.48 17.35a8 8 0 0 1-15.09-5.34a87 87 0 0 0 3.79-14.65a8 8 0 1 1 15.78 2.64m0-34.64a8 8 0 0 1-6.57 9.21A8.5 8.5 0 0 1 88 120a8 8 0 0 1-7.88-6.68a87 87 0 0 0-3.79-14.65a8 8 0 0 1 15.09-5.34a104.5 104.5 0 0 1 4.47 17.35m78.91 56.86a8 8 0 0 1-10.21-4.87a104.5 104.5 0 0 1-4.48-17.35a8 8 0 1 1 15.78-2.64a87 87 0 0 0 3.79 14.65a8 8 0 0 1-4.88 10.21m-14.69-56.86a104.5 104.5 0 0 1 4.48-17.35a8 8 0 0 1 15.09 5.34a87 87 0 0 0-3.79 14.65A8 8 0 0 1 168 120a8.5 8.5 0 0 1-1.33-.11a8 8 0 0 1-6.56-9.21"/></svg> </template>
CSS
.icon-baseball {
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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M128%2024a104%20104%200%201%200%20104%20104A104.11%20104.11%200%200%200%20128%2024M72.09%20195.91c.82-1%201.64-1.93%202.42-2.91A8%208%200%201%200%2062%20183l-1.34%201.62a87.82%2087.82%200%200%201%200-113.24L62%2073a8%208%200%201%200%2012.51-10c-.78-1-1.6-2-2.42-2.91a87.84%2087.84%200%200%201%20111.82%200c-.82%201-1.64%201.92-2.42%202.91A8%208%200%201%200%20194%2073l1.34-1.62a87.82%2087.82%200%200%201%200%20113.24L194%20183a8%208%200%201%200-12.48%2010c.78%201%201.6%201.95%202.42%202.91a87.84%2087.84%200%200%201-111.82%200Zm23.8-50.59a104.5%20104.5%200%200%201-4.48%2017.35a8%208%200%200%201-15.09-5.34a87%2087%200%200%200%203.79-14.65a8%208%200%201%201%2015.78%202.64m0-34.64a8%208%200%200%201-6.57%209.21A8.5%208.5%200%200%201%2088%20120a8%208%200%200%201-7.88-6.68a87%2087%200%200%200-3.79-14.65a8%208%200%200%201%2015.09-5.34a104.5%20104.5%200%200%201%204.47%2017.35m78.91%2056.86a8%208%200%200%201-10.21-4.87a104.5%20104.5%200%200%201-4.48-17.35a8%208%200%201%201%2015.78-2.64a87%2087%200%200%200%203.79%2014.65a8%208%200%200%201-4.88%2010.21m-14.69-56.86a104.5%20104.5%200%200%201%204.48-17.35a8%208%200%200%201%2015.09%205.34a87%2087%200%200%200-3.79%2014.65A8%208%200%200%201%20168%20120a8.5%208.5%200%200%201-1.33-.11a8%208%200%200%201-6.56-9.21%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M128%2024a104%20104%200%201%200%20104%20104A104.11%20104.11%200%200%200%20128%2024M72.09%20195.91c.82-1%201.64-1.93%202.42-2.91A8%208%200%201%200%2062%20183l-1.34%201.62a87.82%2087.82%200%200%201%200-113.24L62%2073a8%208%200%201%200%2012.51-10c-.78-1-1.6-2-2.42-2.91a87.84%2087.84%200%200%201%20111.82%200c-.82%201-1.64%201.92-2.42%202.91A8%208%200%201%200%20194%2073l1.34-1.62a87.82%2087.82%200%200%201%200%20113.24L194%20183a8%208%200%201%200-12.48%2010c.78%201%201.6%201.95%202.42%202.91a87.84%2087.84%200%200%201-111.82%200Zm23.8-50.59a104.5%20104.5%200%200%201-4.48%2017.35a8%208%200%200%201-15.09-5.34a87%2087%200%200%200%203.79-14.65a8%208%200%201%201%2015.78%202.64m0-34.64a8%208%200%200%201-6.57%209.21A8.5%208.5%200%200%201%2088%20120a8%208%200%200%201-7.88-6.68a87%2087%200%200%200-3.79-14.65a8%208%200%200%201%2015.09-5.34a104.5%20104.5%200%200%201%204.47%2017.35m78.91%2056.86a8%208%200%200%201-10.21-4.87a104.5%20104.5%200%200%201-4.48-17.35a8%208%200%201%201%2015.78-2.64a87%2087%200%200%200%203.79%2014.65a8%208%200%200%201-4.88%2010.21m-14.69-56.86a104.5%20104.5%200%200%201%204.48-17.35a8%208%200%200%201%2015.09%205.34a87%2087%200%200%200-3.79%2014.65A8%208%200%200%201%20168%20120a8.5%208.5%200%200%201-1.33-.11a8%208%200%200%201-6.56-9.21%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/baseball.svg?color=%231a73e8&size=48
