Gentleface › Games & sports › baseball-bat

baseball-bat icon

Baseball bat: baseball bat, bat and ball sports. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M8 6.25C8.333 5.667 8.583 5.245 8.75 4.984C9.028 4.55 9.278 4.222 9.5 4L11.5 2C11.845 1.655 12.262 1.482 12.75 1.482C13.238 1.482 13.655 1.655 14 2C14.345 2.345 14.517 2.762 14.517 3.25C14.517 3.738 14.345 4.155 14 4.5L12 6.5C11.778 6.722 11.45 6.972 11.016 7.25C10.755 7.417 10.333 7.667 9.75 8C9.167 8.333 8.745 8.583 8.484 8.75C8.05 9.028 7.722 9.278 7.5 9.5L3.75 13.25C3.681 13.319 3.646 13.402 3.646 13.5C3.646 13.584 3.67 13.655 3.718 13.715C3.862 13.894 3.848 14.152 3.685 14.315L3.354 14.646C3.256 14.744 3.138 14.793 3 14.793C2.862 14.793 2.744 14.744 2.646 14.646L1.354 13.354C1.254 13.254 1.204 13.136 1.204 13C1.204 12.864 1.254 12.746 1.354 12.646L1.685 12.315C1.848 12.152 2.106 12.138 2.285 12.282C2.345 12.33 2.416 12.354 2.5 12.354C2.598 12.354 2.681 12.319 2.75 12.25L6.5 8.5C6.722 8.278 6.972 7.95 7.25 7.516C7.417 7.255 7.667 6.833 8 6.25ZM10.732 10.732C10.976 10.488 11.259 10.303 11.58 10.176C11.875 10.059 12.182 10 12.5 10C12.818 10 13.125 10.059 13.42 10.176C13.741 10.303 14.024 10.488 14.268 10.732C14.512 10.976 14.697 11.259 14.824 11.58C14.941 11.875 15 12.182 15 12.5C15 12.818 14.941 13.125 14.824 13.42C14.697 13.741 14.512 14.024 14.268 14.268C14.024 14.512 13.741 14.697 13.42 14.824C13.125 14.941 12.818 15 12.5 15C12.182 15 11.875 14.941 11.58 14.824C11.259 14.697 10.976 14.512 10.732 14.268C10.488 14.024 10.303 13.741 10.176 13.42C10.059 13.125 10 12.818 10 12.5C10 12.182 10.059 11.875 10.176 11.58C10.303 11.259 10.488 10.976 10.732 10.732ZM11.268 13.356C11.291 13.312 11.312 13.267 11.331 13.22C11.427 12.99 11.475 12.75 11.475 12.5C11.475 12.25 11.427 12.01 11.331 11.78C11.312 11.733 11.291 11.688 11.268 11.644C11.203 11.738 11.148 11.839 11.105 11.948C11.035 12.125 11 12.309 11 12.5C11 12.691 11.035 12.875 11.105 13.052C11.148 13.161 11.203 13.262 11.268 13.356ZM11.441 13.562C11.587 13.708 11.756 13.819 11.948 13.895C12.125 13.965 12.309 14 12.5 14C12.691 14 12.875 13.965 13.052 13.895C13.244 13.819 13.413 13.708 13.559 13.562C13.514 13.483 13.473 13.401 13.438 13.316C13.329 13.055 13.275 12.783 13.275 12.5C13.275 12.217 13.329 11.945 13.438 11.684C13.473 11.599 13.514 11.517 13.559 11.438C13.413 11.292 13.244 11.181 13.052 11.105C12.875 11.035 12.691 11 12.5 11C12.309 11 12.125 11.035 11.948 11.105C11.756 11.181 11.587 11.292 11.441 11.438C11.486 11.517 11.527 11.599 11.562 11.684C11.671 11.945 11.725 12.217 11.725 12.5C11.725 12.783 11.671 13.055 11.562 13.316C11.527 13.401 11.486 13.483 11.441 13.562ZM13.732 11.644C13.709 11.688 13.688 11.733 13.669 11.78C13.573 12.01 13.525 12.25 13.525 12.5C13.525 12.75 13.573 12.99 13.669 13.22C13.688 13.267 13.709 13.312 13.732 13.356C13.797 13.262 13.852 13.161 13.895 13.052C13.965 12.875 14 12.691 14 12.5C14 12.309 13.965 12.125 13.895 11.948C13.852 11.839 13.797 11.738 13.732 11.644Z"/></svg>

React

// Gentleface "baseball-bat" (line-round), MIT. https://gentleface.com/icons/baseball-bat
import type { SVGProps } from 'react';

export function BaseballBatIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M8 6.25C8.333 5.667 8.583 5.245 8.75 4.984C9.028 4.55 9.278 4.222 9.5 4L11.5 2C11.845 1.655 12.262 1.482 12.75 1.482C13.238 1.482 13.655 1.655 14 2C14.345 2.345 14.517 2.762 14.517 3.25C14.517 3.738 14.345 4.155 14 4.5L12 6.5C11.778 6.722 11.45 6.972 11.016 7.25C10.755 7.417 10.333 7.667 9.75 8C9.167 8.333 8.745 8.583 8.484 8.75C8.05 9.028 7.722 9.278 7.5 9.5L3.75 13.25C3.681 13.319 3.646 13.402 3.646 13.5C3.646 13.584 3.67 13.655 3.718 13.715C3.862 13.894 3.848 14.152 3.685 14.315L3.354 14.646C3.256 14.744 3.138 14.793 3 14.793C2.862 14.793 2.744 14.744 2.646 14.646L1.354 13.354C1.254 13.254 1.204 13.136 1.204 13C1.204 12.864 1.254 12.746 1.354 12.646L1.685 12.315C1.848 12.152 2.106 12.138 2.285 12.282C2.345 12.33 2.416 12.354 2.5 12.354C2.598 12.354 2.681 12.319 2.75 12.25L6.5 8.5C6.722 8.278 6.972 7.95 7.25 7.516C7.417 7.255 7.667 6.833 8 6.25ZM10.732 10.732C10.976 10.488 11.259 10.303 11.58 10.176C11.875 10.059 12.182 10 12.5 10C12.818 10 13.125 10.059 13.42 10.176C13.741 10.303 14.024 10.488 14.268 10.732C14.512 10.976 14.697 11.259 14.824 11.58C14.941 11.875 15 12.182 15 12.5C15 12.818 14.941 13.125 14.824 13.42C14.697 13.741 14.512 14.024 14.268 14.268C14.024 14.512 13.741 14.697 13.42 14.824C13.125 14.941 12.818 15 12.5 15C12.182 15 11.875 14.941 11.58 14.824C11.259 14.697 10.976 14.512 10.732 14.268C10.488 14.024 10.303 13.741 10.176 13.42C10.059 13.125 10 12.818 10 12.5C10 12.182 10.059 11.875 10.176 11.58C10.303 11.259 10.488 10.976 10.732 10.732ZM11.268 13.356C11.291 13.312 11.312 13.267 11.331 13.22C11.427 12.99 11.475 12.75 11.475 12.5C11.475 12.25 11.427 12.01 11.331 11.78C11.312 11.733 11.291 11.688 11.268 11.644C11.203 11.738 11.148 11.839 11.105 11.948C11.035 12.125 11 12.309 11 12.5C11 12.691 11.035 12.875 11.105 13.052C11.148 13.161 11.203 13.262 11.268 13.356ZM11.441 13.562C11.587 13.708 11.756 13.819 11.948 13.895C12.125 13.965 12.309 14 12.5 14C12.691 14 12.875 13.965 13.052 13.895C13.244 13.819 13.413 13.708 13.559 13.562C13.514 13.483 13.473 13.401 13.438 13.316C13.329 13.055 13.275 12.783 13.275 12.5C13.275 12.217 13.329 11.945 13.438 11.684C13.473 11.599 13.514 11.517 13.559 11.438C13.413 11.292 13.244 11.181 13.052 11.105C12.875 11.035 12.691 11 12.5 11C12.309 11 12.125 11.035 11.948 11.105C11.756 11.181 11.587 11.292 11.441 11.438C11.486 11.517 11.527 11.599 11.562 11.684C11.671 11.945 11.725 12.217 11.725 12.5C11.725 12.783 11.671 13.055 11.562 13.316C11.527 13.401 11.486 13.483 11.441 13.562ZM13.732 11.644C13.709 11.688 13.688 11.733 13.669 11.78C13.573 12.01 13.525 12.25 13.525 12.5C13.525 12.75 13.573 12.99 13.669 13.22C13.688 13.267 13.709 13.312 13.732 13.356C13.797 13.262 13.852 13.161 13.895 13.052C13.965 12.875 14 12.691 14 12.5C14 12.309 13.965 12.125 13.895 11.948C13.852 11.839 13.797 11.738 13.732 11.644Z" />
    </svg>
  );
}

Vue

Vue: see /icons/baseball-bat.md

Svelte

Svelte: see /icons/baseball-bat.md

HTML img

HTML img: see /icons/baseball-bat.md

CSS

CSS: see /icons/baseball-bat.md

Data URL

Data URL: see /icons/baseball-bat.md

Sprite

Sprite: see /icons/baseball-bat.md

SwiftUI

SwiftUI: see /icons/baseball-bat.md

Compose

Compose: see /icons/baseball-bat.md

Android XML

Android XML: see /icons/baseball-bat.md

Flutter

Flutter: see /icons/baseball-bat.md

Each icon is drawn on the 16 px grid, and most also on the 20 and 24 px grids (at 24 in three weights: light 1 px, regular 1.5 px, bold 2 px). Show the drawing made for your size, or an exact multiple of it, on whole pixels: 16 for 16 and 32 px, 20 for 20 and 40, 24 for 24 and 48. A size in between or a fractional position blurs it. The code on each icon page is the 16 px drawing, an SVG with fill="currentColor"; the icon page's downloads follow its Grid switch, and npm has the 20 and 24 px drawings too. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

With npm: import { BaseballBatIcon } from '@gentleface/react'; (setup).

Meaning

Use it for

baseball bat, bat and ball sports

Tags

baseball-bat, bat, baseball, softball, ball, sport, sports, batting, game

Category

Games & sports

Component name

BaseballBatIcon

History

2026-11-07 20 px drawn, 24 px drawn, added, released in 0.6.0

Since

version 0.6.0

Family 2

baseball baseball-cap

More games & sports icons

alien american-football badminton barbell basketball basketball-court billiards bomb bow-arrow bowling boxing-glove chess-bishop chess-king chess-knight chess-pawn chess-queen · all games & sports icons

For agents

Metadata: /icons/baseball-bat.json · Markdown: /icons/baseball-bat.md · SVG: https://gentleface.com/svg/{style}/16/baseball-bat.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/baseball-bat.png

baseball-bat icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp