Baseball アイコン

circum:baseball

Baseball アイコン(circum:baseball)は、Circum Icons セットの無料 SVG アイコンです（作者: Klarr Agency）。 24 × 24 のグリッドで描かれています。 Circum Icons は Mozilla Public License 2.0 で公開されており、個人・商用プロジェクトで利用できます。ただし、アイコンファイルを改変した場合は同じライセンスを維持する必要があります。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Circum Icons
作者: Klarr Agency
ライセンス: MPL-2.0
サイズ: 24 × 24

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.02 4.976A9.927 9.927 0 1 0 15.74 21.2a9.91 9.91 0 0 0 6.19-9.2a9.86 9.86 0 0 0-2.91-7.024m-13.34.71a8.9 8.9 0 0 1 6.04-2.61a8.5 8.5 0 0 1-.34 2.26l-.34-.19a.5.5 0 0 0-.5.86l.5.29a9.2 9.2 0 0 1-1.57 2.47l-.35-.35a.5.5 0 0 0-.7 0a.5.5 0 0 0 0 .71l.34.34a8.9 8.9 0 0 1-2.47 1.58l-.29-.51a.5.5 0 0 0-.68-.19a.505.505 0 0 0-.18.69l.2.34a8.2 8.2 0 0 1-2.26.35a8.83 8.83 0 0 1 2.6-6.04M11.74 17a.5.5 0 1 0-.5.87l.49.29a10 10 0 0 0-.45 2.74a8.9 8.9 0 0 1-8.18-8.17a9.4 9.4 0 0 0 2.75-.46l.29.5a.5.5 0 0 0 .43.25a.5.5 0 0 0 .25-.07a.493.493 0 0 0 .18-.68l-.21-.36a9.5 9.5 0 0 0 2.68-1.73l.36.36a.5.5 0 0 0 .35.15a.5.5 0 0 0 .36-.15a.513.513 0 0 0 0-.71l-.36-.36A9.7 9.7 0 0 0 11.9 6.8l.37.21a.5.5 0 0 0 .25.07a.51.51 0 0 0 .44-.25a.494.494 0 0 0-.19-.68l-.51-.29a9.8 9.8 0 0 0 .46-2.76a8.924 8.924 0 0 1 8.18 8.18a10 10 0 0 0-2.74.46l-.28-.49a.505.505 0 0 0-.69-.18a.49.49 0 0 0-.18.68l.2.35a9.7 9.7 0 0 0-2.68 1.73l-.35-.35a.5.5 0 0 0-.71 0a.5.5 0 0 0 0 .7l.36.36a9.2 9.2 0 0 0-1.73 2.67Zm6.58 1.32a8.85 8.85 0 0 1-6.04 2.6a8.4 8.4 0 0 1 .34-2.25l.35.2a.45.45 0 0 0 .25.07a.5.5 0 0 0 .43-.25a.505.505 0 0 0-.18-.69l-.51-.29a8.7 8.7 0 0 1 1.57-2.47l.36.36a.5.5 0 0 0 .7-.71l-.36-.36a9.1 9.1 0 0 1 2.48-1.57l.3.52a.5.5 0 0 0 .43.25a.45.45 0 0 0 .25-.07a.505.505 0 0 0 .19-.68l-.21-.36a8.5 8.5 0 0 1 2.25-.34a9 9 0 0 1-.66 3.14a9.2 9.2 0 0 1-1.94 2.896Z"/></svg>

Baseball アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

はい。Circum Icons は Mozilla Public License 2.0 で公開されており、個人・商用プロジェクトで利用できます。ただし、アイコンファイルを改変した場合は同じライセンスを維持する必要があります。

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

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

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

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

Circum Icons をすべて見る →