Baseball アイコン

map:baseball

Baseball アイコン(map:baseball)は、Map Icons セットの無料 SVG アイコンです（作者: Scott de Jonge）。 50 × 50 のグリッドで描かれています。 Map Icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Map Icons
作者: Scott de Jonge
ライセンス: OFL-1.1
サイズ: 50 × 50

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50"><path fill="currentColor" d="M29.334 13.609c1.897 0 3.441-1.688 3.441-3.764c0-2.077-1.544-3.765-3.441-3.765c-1.9 0-3.445 1.688-3.445 3.765s1.545 3.764 3.445 3.764m9.547 32.873L34 30V17c0-1.766-2.006-2-2.006-2h-6.562s-.863.495-1.432 1l-3.229 1.48l-3.988-4.434c-.65-.844-1.797-1.001-2.569-.291c-.782.71-.822 1.981-.173 2.836l5.084 5.555c.347.401.823.668 1.361.668c.396 0-.192-.141.114-.369L24 20v10l-5.176 16.45c-.376 1.488.912 3.02 2.281 3.42c1.362.399 3.003-.488 3.369-1.977l4.597-14.78l4.622 14.814c.363 1.498 1.895 2.376 3.256 1.976c1.361-.398 2.305-1.932 1.932-3.421M13.137 17.474a.432.432 0 0 0 .65 0l.061-.056c.174-.201.184-.522 0-.716l-.995-1.116a.444.444 0 0 0-.662-.005l-.05.061c-.182.2-.193.517-.01.711zm9.521-12.637l-5.875 6.946l.713.794l6.555-6.18l4.358-4.392c.174-.211.284-.488.284-.789c0-.666-.488-1.21-1.087-1.216a1.06 1.06 0 0 0-.75.306z"/></svg>

Baseball アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="map:baseball" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="map:baseball" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="map:baseball" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[map--baseball]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/map -->
<div class="i-map:baseball"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="map:baseball"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/map/baseball.svg" alt="Baseball アイコン" width="24" height="24">

他のアイコンセットの Baseball アイコン

Baseball アイコンのよくある質問

Baseball アイコンは商用利用でも無料ですか?

はい。Map Icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。

React で Baseball アイコンを使うには?

@iconify/react をインストールして <Icon icon="map:baseball" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Baseball アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/map/baseball.svg" alt="Baseball アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Map Icons をすべて見る →