Baseball 2 Line アイコン
mingcute:baseball-2-line
Baseball 2 Line アイコン(mingcute:baseball-2-line)は、MingCute Icon セットの無料 SVG アイコンです（作者: MingCute Design）。 24 × 24 のグリッドで描かれています。 MingCute Icon icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- MingCute Icon
- 作者
- MingCute Design
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- タグ
- baseballline
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m15.768 18.133l.814-.582a1 1 0 0 0-.218-.22zm2.121-2.122l-.802.597a1 1 0 0 0 .22.217zm.064 4.18l.707.706zm-.76-.064l.813-.581zm2.754-1.93l-.707-.708zm-.063-.761l-.582.814zM10.023 5.433l-.803.596zm9.924 12.763l-.707-.707l-1.994 1.994l.707.707l.707.707l1.994-1.993zm-2.754 1.931l.813-.581l-1.424-1.995l-.814.582l-.814.58l1.425 1.995zm-1.425-1.994l.596-.803L5.787 9.464l-.597.802l-.597.803l10.58 7.866zm-5.745-12.7l-.803.596l7.867 10.579l.802-.597l.803-.596l-7.867-10.58zm7.866 10.578l-.581.814l1.994 1.425l.582-.814l.581-.814l-1.995-1.424zm-4.596.354l.707.707l2.828-2.828l-.707-.708l-.707-.707l-2.828 2.829zm5.95-11.021l-.707.707a1 1 0 0 1 0 1.414l.707.707l.707.707a3 3 0 0 0 0-4.242zm0 2.828l-.707-.707a1 1 0 0 1-1.415 0l-.707.707l-.707.707a3 3 0 0 0 4.243 0zm-2.829 0l.707-.707a1 1 0 0 1 0-1.414l-.707-.707l-.707-.707a3 3 0 0 0 0 4.242zm0-2.828l.707.707a1 1 0 0 1 1.415 0l.707-.707l.707-.707a3 3 0 0 0-4.243 0zm1.539 14.846l-.707-.707a.5.5 0 0 1 .76.063l-.814.581l-.813.581a1.5 1.5 0 0 0 2.281.19zm1.994-1.994l.707.707a1.5 1.5 0 0 0-.189-2.28l-.581.813l-.582.814a.5.5 0 0 1-.062-.76zM4.807 5.051l.708.707a2.455 2.455 0 0 1 3.705.271l.803-.596l.802-.597a4.455 4.455 0 0 0-6.724-.492zm0 0l-.706-.707a4.455 4.455 0 0 0 .491 6.725l.597-.803l.597-.802a2.455 2.455 0 0 1-.271-3.706z"/></svg>Baseball 2 Line アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="mingcute:baseball-2-line" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mingcute:baseball-2-line" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mingcute:baseball-2-line" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mingcute--baseball-2-line]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mingcute -->
<div class="i-mingcute:baseball-2-line"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mingcute:baseball-2-line"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/mingcute/baseball-2-line.svg" alt="Baseball 2 Line アイコン" width="24" height="24">MingCute Icon の関連アイコン
Baseball 2 Line アイコン のよくある質問
Baseball 2 Line アイコンは商用利用でも無料ですか?
はい。MingCute Icon icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Baseball 2 Line アイコンを使うには?
@iconify/react をインストールして <Icon icon="mingcute:baseball-2-line" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Baseball 2 Line アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/mingcute/baseball-2-line.svg" alt="Baseball 2 Line アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。