baseball icon
baseball-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.
- Name
- baseball-light
- Set
- Phosphor
- Style
- Light
- 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 26a102 102 0 1 0 102 102A102.12 102.12 0 0 0 128 26m67.31 161.67c-1-1.12-2-2.26-2.9-3.42a6 6 0 0 0-9.36 7.5c1.19 1.49 2.43 2.94 3.71 4.37a89.84 89.84 0 0 1-117.52 0c1.28-1.43 2.52-2.88 3.71-4.37a6 6 0 0 0-9.36-7.5c-.93 1.16-1.91 2.3-2.9 3.42a89.8 89.8 0 0 1 0-119.34c1 1.12 2 2.26 2.9 3.42A6 6 0 0 0 68.28 74A6 6 0 0 0 73 64.25a102 102 0 0 0-3.71-4.37a89.84 89.84 0 0 1 117.52 0a102 102 0 0 0-3.71 4.37a6 6 0 1 0 9.36 7.5c.93-1.16 1.91-2.3 2.9-3.42a89.8 89.8 0 0 1 0 119.34ZM93.92 145a101.4 101.4 0 0 1-4.4 17a6 6 0 1 1-11.31-4a90 90 0 0 0 3.87-15a6 6 0 1 1 11.84 2m0-34a6 6 0 0 1-4.92 6.92a7 7 0 0 1-1 .08a6 6 0 0 1-5.91-5a90 90 0 0 0-3.87-15a6 6 0 1 1 11.31-4a101.4 101.4 0 0 1 4.39 17m83.87 47a6 6 0 1 1-11.31 4a101.4 101.4 0 0 1-4.4-17a6 6 0 1 1 11.84-2a90 90 0 0 0 3.87 15m0-60a90 90 0 0 0-3.87 15a6 6 0 0 1-5.91 5a7 7 0 0 1-1-.08a6 6 0 0 1-4.93-6.91a101.4 101.4 0 0 1 4.4-17a6 6 0 1 1 11.31 4Z"/></svg>
React
import type { SVGProps } from "react";
export function PhBaseballLight(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 26a102 102 0 1 0 102 102A102.12 102.12 0 0 0 128 26m67.31 161.67c-1-1.12-2-2.26-2.9-3.42a6 6 0 0 0-9.36 7.5c1.19 1.49 2.43 2.94 3.71 4.37a89.84 89.84 0 0 1-117.52 0c1.28-1.43 2.52-2.88 3.71-4.37a6 6 0 0 0-9.36-7.5c-.93 1.16-1.91 2.3-2.9 3.42a89.8 89.8 0 0 1 0-119.34c1 1.12 2 2.26 2.9 3.42A6 6 0 0 0 68.28 74A6 6 0 0 0 73 64.25a102 102 0 0 0-3.71-4.37a89.84 89.84 0 0 1 117.52 0a102 102 0 0 0-3.71 4.37a6 6 0 1 0 9.36 7.5c.93-1.16 1.91-2.3 2.9-3.42a89.8 89.8 0 0 1 0 119.34ZM93.92 145a101.4 101.4 0 0 1-4.4 17a6 6 0 1 1-11.31-4a90 90 0 0 0 3.87-15a6 6 0 1 1 11.84 2m0-34a6 6 0 0 1-4.92 6.92a7 7 0 0 1-1 .08a6 6 0 0 1-5.91-5a90 90 0 0 0-3.87-15a6 6 0 1 1 11.31-4a101.4 101.4 0 0 1 4.39 17m83.87 47a6 6 0 1 1-11.31 4a101.4 101.4 0 0 1-4.4-17a6 6 0 1 1 11.84-2a90 90 0 0 0 3.87 15m0-60a90 90 0 0 0-3.87 15a6 6 0 0 1-5.91 5a7 7 0 0 1-1-.08a6 6 0 0 1-4.93-6.91a101.4 101.4 0 0 1 4.4-17a6 6 0 1 1 11.31 4Z"/></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 26a102 102 0 1 0 102 102A102.12 102.12 0 0 0 128 26m67.31 161.67c-1-1.12-2-2.26-2.9-3.42a6 6 0 0 0-9.36 7.5c1.19 1.49 2.43 2.94 3.71 4.37a89.84 89.84 0 0 1-117.52 0c1.28-1.43 2.52-2.88 3.71-4.37a6 6 0 0 0-9.36-7.5c-.93 1.16-1.91 2.3-2.9 3.42a89.8 89.8 0 0 1 0-119.34c1 1.12 2 2.26 2.9 3.42A6 6 0 0 0 68.28 74A6 6 0 0 0 73 64.25a102 102 0 0 0-3.71-4.37a89.84 89.84 0 0 1 117.52 0a102 102 0 0 0-3.71 4.37a6 6 0 1 0 9.36 7.5c.93-1.16 1.91-2.3 2.9-3.42a89.8 89.8 0 0 1 0 119.34ZM93.92 145a101.4 101.4 0 0 1-4.4 17a6 6 0 1 1-11.31-4a90 90 0 0 0 3.87-15a6 6 0 1 1 11.84 2m0-34a6 6 0 0 1-4.92 6.92a7 7 0 0 1-1 .08a6 6 0 0 1-5.91-5a90 90 0 0 0-3.87-15a6 6 0 1 1 11.31-4a101.4 101.4 0 0 1 4.39 17m83.87 47a6 6 0 1 1-11.31 4a101.4 101.4 0 0 1-4.4-17a6 6 0 1 1 11.84-2a90 90 0 0 0 3.87 15m0-60a90 90 0 0 0-3.87 15a6 6 0 0 1-5.91 5a7 7 0 0 1-1-.08a6 6 0 0 1-4.93-6.91a101.4 101.4 0 0 1 4.4-17a6 6 0 1 1 11.31 4Z"/></svg> </template>
CSS
.icon-baseball-light {
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%2026a102%20102%200%201%200%20102%20102A102.12%20102.12%200%200%200%20128%2026m67.31%20161.67c-1-1.12-2-2.26-2.9-3.42a6%206%200%200%200-9.36%207.5c1.19%201.49%202.43%202.94%203.71%204.37a89.84%2089.84%200%200%201-117.52%200c1.28-1.43%202.52-2.88%203.71-4.37a6%206%200%200%200-9.36-7.5c-.93%201.16-1.91%202.3-2.9%203.42a89.8%2089.8%200%200%201%200-119.34c1%201.12%202%202.26%202.9%203.42A6%206%200%200%200%2068.28%2074A6%206%200%200%200%2073%2064.25a102%20102%200%200%200-3.71-4.37a89.84%2089.84%200%200%201%20117.52%200a102%20102%200%200%200-3.71%204.37a6%206%200%201%200%209.36%207.5c.93-1.16%201.91-2.3%202.9-3.42a89.8%2089.8%200%200%201%200%20119.34ZM93.92%20145a101.4%20101.4%200%200%201-4.4%2017a6%206%200%201%201-11.31-4a90%2090%200%200%200%203.87-15a6%206%200%201%201%2011.84%202m0-34a6%206%200%200%201-4.92%206.92a7%207%200%200%201-1%20.08a6%206%200%200%201-5.91-5a90%2090%200%200%200-3.87-15a6%206%200%201%201%2011.31-4a101.4%20101.4%200%200%201%204.39%2017m83.87%2047a6%206%200%201%201-11.31%204a101.4%20101.4%200%200%201-4.4-17a6%206%200%201%201%2011.84-2a90%2090%200%200%200%203.87%2015m0-60a90%2090%200%200%200-3.87%2015a6%206%200%200%201-5.91%205a7%207%200%200%201-1-.08a6%206%200%200%201-4.93-6.91a101.4%20101.4%200%200%201%204.4-17a6%206%200%201%201%2011.31%204Z%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%2026a102%20102%200%201%200%20102%20102A102.12%20102.12%200%200%200%20128%2026m67.31%20161.67c-1-1.12-2-2.26-2.9-3.42a6%206%200%200%200-9.36%207.5c1.19%201.49%202.43%202.94%203.71%204.37a89.84%2089.84%200%200%201-117.52%200c1.28-1.43%202.52-2.88%203.71-4.37a6%206%200%200%200-9.36-7.5c-.93%201.16-1.91%202.3-2.9%203.42a89.8%2089.8%200%200%201%200-119.34c1%201.12%202%202.26%202.9%203.42A6%206%200%200%200%2068.28%2074A6%206%200%200%200%2073%2064.25a102%20102%200%200%200-3.71-4.37a89.84%2089.84%200%200%201%20117.52%200a102%20102%200%200%200-3.71%204.37a6%206%200%201%200%209.36%207.5c.93-1.16%201.91-2.3%202.9-3.42a89.8%2089.8%200%200%201%200%20119.34ZM93.92%20145a101.4%20101.4%200%200%201-4.4%2017a6%206%200%201%201-11.31-4a90%2090%200%200%200%203.87-15a6%206%200%201%201%2011.84%202m0-34a6%206%200%200%201-4.92%206.92a7%207%200%200%201-1%20.08a6%206%200%200%201-5.91-5a90%2090%200%200%200-3.87-15a6%206%200%201%201%2011.31-4a101.4%20101.4%200%200%201%204.39%2017m83.87%2047a6%206%200%201%201-11.31%204a101.4%20101.4%200%200%201-4.4-17a6%206%200%201%201%2011.84-2a90%2090%200%200%200%203.87%2015m0-60a90%2090%200%200%200-3.87%2015a6%206%200%200%201-5.91%205a7%207%200%200%201-1-.08a6%206%200%200%201-4.93-6.91a101.4%20101.4%200%200%201%204.4-17a6%206%200%201%201%2011.31%204Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/baseball-light.svg?color=%231a73e8&size=48
