Baseball icon
glyphs-poly:baseball
The Baseball icon (glyphs-poly:baseball) is a free SVG icon from the Glyphs Poly set by Goran Spasojevic. It is drawn on a 80 × 80 grid. Glyphs Poly icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Glyphs Poly
- Author
- Goran Spasojevic
- License
- MIT
- Size
- 80 × 80
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="#f2f2f2" stroke="#bdbdbd" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M27.49 14.024a28.83 28.83 0 1 1 25.02 51.952a28.83 28.83 0 0 1-25.02-51.952"/><path fill="#eb5757" fill-rule="evenodd" d="M18.652 20.622a29 29 0 0 1 2.747-2.65a2 2 0 0 1-2.747 2.65m0 38.756A2 2 0 0 1 21.4 62.03a29 29 0 0 1-2.747-2.65m4.584-5.962a2 2 0 0 0 3.464 2a31 31 0 0 0 2-4.152a2 2 0 1 0-3.724-1.462a27 27 0 0 1-1.74 3.614M26.7 24.585a2 2 0 1 0-3.464 2a27 27 0 0 1 1.74 3.613a2 2 0 1 0 3.723-1.462a31 31 0 0 0-1.999-4.151m.056 17.42a2 2 0 0 0 3.989.3a31 31 0 0 0 0-4.61a2 2 0 0 0-3.99.3a27 27 0 0 1 0 4.01M58.6 62.03a2 2 0 0 1 2.747-2.652A29 29 0 0 1 58.6 62.03m0-44.059a2 2 0 0 0 2.747 2.65a29 29 0 0 0-2.747-2.65m-1.836 8.613a2 2 0 0 0-3.465-2a31 31 0 0 0-1.999 4.152a2 2 0 1 0 3.724 1.462a27 27 0 0 1 1.74-3.614m-3.465 28.832a2 2 0 0 0 3.465-2a27 27 0 0 1-1.74-3.613a2 2 0 1 0-3.724 1.461a31 31 0 0 0 2 4.151m-.055-17.421a2 2 0 1 0-3.989-.299a31 31 0 0 0 0 4.608a2 2 0 0 0 3.989-.298a27 27 0 0 1 0-4.011" clip-rule="evenodd"/></g></svg>
How to use the Baseball icon
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs-poly:baseball" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs-poly:baseball" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs-poly:baseball" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--baseball]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:baseball"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs-poly:baseball"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/glyphs-poly/baseball.svg" alt="Baseball icon" width="24" height="24">
Related icons in Glyphs Poly
Baseball icon in other icon sets
Baseball icon FAQ
Is the Baseball icon free for commercial use?
Yes. Glyphs Poly icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Baseball icon in React?
Install @iconify/react and render <Icon icon="glyphs-poly:baseball" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Baseball icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/glyphs-poly/baseball.svg" alt="Baseball icon">, or paste the SVG code inline to style it with CSS.
Browse all Glyphs Poly icons →
ICONYZ
