Baseball アイコン
pinhead:baseball
Baseball アイコン(pinhead:baseball)は、Pinhead Map Icons セットの無料 SVG アイコンです（作者: Quincy Morgan）。 15 × 15 のグリッドで描かれています。 Pinhead Map Icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Pinhead Map Icons
- 作者
- Quincy Morgan
- ライセンス
- CC0-1.0
- サイズ
- 15 × 15
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M7.5 1c1.66 0 3.18.62 4.33 1.65c-.44.38-.81.81-1.11 1.27l-.38-.25a.433.433 0 0 0-.48.72l.45.3c-.32.71-.5 1.51-.55 2.38h-.53c-.24 0-.43.19-.43.43s.19.43.43.43h.53c.05.87.23 1.67.55 2.38l-.45.3a.433.433 0 0 0 .48.72l.38-.25c.3.46.67.89 1.11 1.27A6.47 6.47 0 0 1 7.5 14c-1.66 0-3.18-.62-4.33-1.65c.44-.38.81-.81 1.11-1.27l.38.25a.433.433 0 0 0 .48-.72l-.45-.3c.32-.71.5-1.51.55-2.38h.53c.24 0 .43-.19.43-.43s-.19-.43-.43-.43h-.53c-.05-.87-.23-1.67-.55-2.38l.45-.3a.433.433 0 0 0-.48-.72l-.38.25c-.3-.46-.67-.89-1.11-1.27A6.47 6.47 0 0 1 7.5 1M2.68 3.14q.615.525 1.02 1.17l-.34.23a.433.433 0 0 0 .48.72l.27-.18c.25.6.39 1.26.43 1.99h-.51c-.24 0-.43.19-.43.43s.19.43.43.43h.51c-.04.73-.18 1.39-.43 1.99l-.27-.18a.433.433 0 0 0-.48.72l.34.23c-.31.49-.7.92-1.18 1.31l.16-.14A6.48 6.48 0 0 1 1 7.5c0-1.62.59-3.1 1.57-4.24zm9.64 0A6.48 6.48 0 0 1 14 7.5c0 1.68-.64 3.21-1.68 4.36l.16.14c-.48-.39-.87-.82-1.18-1.31l.34-.23a.433.433 0 0 0-.48-.72l-.27.18c-.25-.6-.39-1.26-.43-1.99h.51c.24 0 .43-.19.43-.43s-.19-.43-.43-.43h-.51c.04-.73.18-1.39.43-1.99l.27.18a.433.433 0 0 0 .48-.72l-.34-.23c.21-.34.47-.65.77-.94z"/></svg>
Baseball アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="pinhead:baseball" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="pinhead:baseball" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="pinhead:baseball" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[pinhead--baseball]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/pinhead -->
<div class="i-pinhead:baseball"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="pinhead:baseball"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/pinhead/baseball.svg" alt="Baseball アイコン" width="24" height="24">
Pinhead Map Icons の関連アイコン
Baseball アイコン のよくある質問
Baseball アイコンは商用利用でも無料ですか?
はい。Pinhead Map Icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Baseball アイコンを使うには?
@iconify/react をインストールして <Icon icon="pinhead:baseball" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Baseball アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/pinhead/baseball.svg" alt="Baseball アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Pinhead Map Icons をすべて見る →
ICONYZ
