baseball icon
baseball from BoxIcons v2 Solid by Boxicons · Solid · MIT Free for personal and commercial use.
- Name
- baseball
- Set
- BoxIcons v2 Solid
- Style
- Solid
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
baseballBoxIcons v2baseballEmoji 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 EmojibaseballOpenMojibaseballPhosphorbaseball-fillRemix IconbaseballStreamline EmojisbaseballTwitter Emoji
Use the baseball icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.984 12.236a9.97 9.97 0 0 0-2.913-7.308a9.97 9.97 0 0 0-7.308-2.913a9.04 9.04 0 0 1-.673 4.313l-1.84-.78a7.04 7.04 0 0 0 .526-3.284a9.93 9.93 0 0 0-4.847 2.665a9.9 9.9 0 0 0-2.666 4.852a7.1 7.1 0 0 0 2.576-.276l.575 1.916c-1.1.33-2.257.443-3.398.344a9.96 9.96 0 0 0 2.913 7.307a9.97 9.97 0 0 0 7.307 2.913a9.1 9.1 0 0 1 .344-3.398l1.916.575a7.1 7.1 0 0 0-.276 2.576a9.93 9.93 0 0 0 4.853-2.666a9.93 9.93 0 0 0 2.665-4.848a7.06 7.06 0 0 0-3.284.526l-.78-1.841a9 9 0 0 1 4.31-.673M9.17 9.173a9 9 0 0 1-2.192 1.612l-.927-1.772a7 7 0 0 0 2.576-2.314l1.663 1.113c-.328.49-.705.948-1.12 1.361m7.074 7.068a7 7 0 0 0-1.257 1.708l-1.772-.927a9 9 0 0 1 2.972-3.312l1.113 1.663a7 7 0 0 0-1.056.868"/></svg>
React
import type { SVGProps } from "react";
export function BxsBaseball(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="M21.984 12.236a9.97 9.97 0 0 0-2.913-7.308a9.97 9.97 0 0 0-7.308-2.913a9.04 9.04 0 0 1-.673 4.313l-1.84-.78a7.04 7.04 0 0 0 .526-3.284a9.93 9.93 0 0 0-4.847 2.665a9.9 9.9 0 0 0-2.666 4.852a7.1 7.1 0 0 0 2.576-.276l.575 1.916c-1.1.33-2.257.443-3.398.344a9.96 9.96 0 0 0 2.913 7.307a9.97 9.97 0 0 0 7.307 2.913a9.1 9.1 0 0 1 .344-3.398l1.916.575a7.1 7.1 0 0 0-.276 2.576a9.93 9.93 0 0 0 4.853-2.666a9.93 9.93 0 0 0 2.665-4.848a7.06 7.06 0 0 0-3.284.526l-.78-1.841a9 9 0 0 1 4.31-.673M9.17 9.173a9 9 0 0 1-2.192 1.612l-.927-1.772a7 7 0 0 0 2.576-2.314l1.663 1.113c-.328.49-.705.948-1.12 1.361m7.074 7.068a7 7 0 0 0-1.257 1.708l-1.772-.927a9 9 0 0 1 2.972-3.312l1.113 1.663a7 7 0 0 0-1.056.868"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.984 12.236a9.97 9.97 0 0 0-2.913-7.308a9.97 9.97 0 0 0-7.308-2.913a9.04 9.04 0 0 1-.673 4.313l-1.84-.78a7.04 7.04 0 0 0 .526-3.284a9.93 9.93 0 0 0-4.847 2.665a9.9 9.9 0 0 0-2.666 4.852a7.1 7.1 0 0 0 2.576-.276l.575 1.916c-1.1.33-2.257.443-3.398.344a9.96 9.96 0 0 0 2.913 7.307a9.97 9.97 0 0 0 7.307 2.913a9.1 9.1 0 0 1 .344-3.398l1.916.575a7.1 7.1 0 0 0-.276 2.576a9.93 9.93 0 0 0 4.853-2.666a9.93 9.93 0 0 0 2.665-4.848a7.06 7.06 0 0 0-3.284.526l-.78-1.841a9 9 0 0 1 4.31-.673M9.17 9.173a9 9 0 0 1-2.192 1.612l-.927-1.772a7 7 0 0 0 2.576-2.314l1.663 1.113c-.328.49-.705.948-1.12 1.361m7.074 7.068a7 7 0 0 0-1.257 1.708l-1.772-.927a9 9 0 0 1 2.972-3.312l1.113 1.663a7 7 0 0 0-1.056.868"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21.984%2012.236a9.97%209.97%200%200%200-2.913-7.308a9.97%209.97%200%200%200-7.308-2.913a9.04%209.04%200%200%201-.673%204.313l-1.84-.78a7.04%207.04%200%200%200%20.526-3.284a9.93%209.93%200%200%200-4.847%202.665a9.9%209.9%200%200%200-2.666%204.852a7.1%207.1%200%200%200%202.576-.276l.575%201.916c-1.1.33-2.257.443-3.398.344a9.96%209.96%200%200%200%202.913%207.307a9.97%209.97%200%200%200%207.307%202.913a9.1%209.1%200%200%201%20.344-3.398l1.916.575a7.1%207.1%200%200%200-.276%202.576a9.93%209.93%200%200%200%204.853-2.666a9.93%209.93%200%200%200%202.665-4.848a7.06%207.06%200%200%200-3.284.526l-.78-1.841a9%209%200%200%201%204.31-.673M9.17%209.173a9%209%200%200%201-2.192%201.612l-.927-1.772a7%207%200%200%200%202.576-2.314l1.663%201.113c-.328.49-.705.948-1.12%201.361m7.074%207.068a7%207%200%200%200-1.257%201.708l-1.772-.927a9%209%200%200%201%202.972-3.312l1.113%201.663a7%207%200%200%200-1.056.868%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%22M21.984%2012.236a9.97%209.97%200%200%200-2.913-7.308a9.97%209.97%200%200%200-7.308-2.913a9.04%209.04%200%200%201-.673%204.313l-1.84-.78a7.04%207.04%200%200%200%20.526-3.284a9.93%209.93%200%200%200-4.847%202.665a9.9%209.9%200%200%200-2.666%204.852a7.1%207.1%200%200%200%202.576-.276l.575%201.916c-1.1.33-2.257.443-3.398.344a9.96%209.96%200%200%200%202.913%207.307a9.97%209.97%200%200%200%207.307%202.913a9.1%209.1%200%200%201%20.344-3.398l1.916.575a7.1%207.1%200%200%200-.276%202.576a9.93%209.93%200%200%200%204.853-2.666a9.93%209.93%200%200%200%202.665-4.848a7.06%207.06%200%200%200-3.284.526l-.78-1.841a9%209%200%200%201%204.31-.673M9.17%209.173a9%209%200%200%201-2.192%201.612l-.927-1.772a7%207%200%200%200%202.576-2.314l1.663%201.113c-.328.49-.705.948-1.12%201.361m7.074%207.068a7%207%200%200%200-1.257%201.708l-1.772-.927a9%209%200%200%201%202.972-3.312l1.113%201.663a7%207%200%200%200-1.056.868%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bxs/baseball.svg?color=%231a73e8&size=48
