Baseball アイコン
fluent-emoji-high-contrast:baseball
Baseball アイコン(fluent-emoji-high-contrast:baseball)は、Fluent Emoji High Contrast セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji High Contrast
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- カテゴリ
- アクティビティ
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M1 16C1 7.716 7.716 1 16 1s15 6.716 15 15s-6.716 15-15 15S1 24.284 1 16M16 3q-.369 0-.732.02l.028.155l1.515.483a.5.5 0 1 1-.303.953l-.958-.306a16.8 16.8 0 0 0 1.2 3.215l1.505.097a.5.5 0 0 1-.064.998l-.883-.057c.54.926 1.166 1.795 1.865 2.599l1.557-.312a.5.5 0 1 1 .197.981l-.952.19a17 17 0 0 0 2.988 2.386l1.413-.698a.5.5 0 0 1 .443.896l-.818.404a17 17 0 0 0 3.33 1.347l1.065-1.028a.5.5 0 0 1 .582-.081C28.586 8.415 22.925 3 16 3m-1.732.114A13.01 13.01 0 0 0 3.114 14.268l.24.044l1.04-1.088a.5.5 0 1 1 .723.69l-.622.652a18 18 0 0 1 3.743 1.425l1.406-.695a.5.5 0 0 1 .444.896l-.792.391a18 18 0 0 1 3.025 2.294l1.41-.281a.5.5 0 1 1 .196.98l-.759.152a18 18 0 0 1 2.133 2.787l1.58.102a.5.5 0 1 1-.065.998l-.915-.059a18 18 0 0 1 1.392 3.431l1.477.521a.5.5 0 0 1-.332.943l-.85-.3q.079.364.144.735a13.01 13.01 0 0 0 11.154-11.154a18 18 0 0 1-.64-.124l.322.824a.5.5 0 0 1-.932.364l-.58-1.483a18 18 0 0 1-3.513-1.42l.053.825a.5.5 0 1 1-.998.064l-.096-1.489a18 18 0 0 1-3.154-2.49l-.15.752a.5.5 0 0 1-.981-.196l.289-1.446a18 18 0 0 1-2.055-2.84l-.378.765a.5.5 0 1 1-.896-.444l.692-1.399a18 18 0 0 1-1.241-3.265l-.471.555a.5.5 0 0 1-.763-.647l.95-1.12a17 17 0 0 1-.076-.404M3.148 15.291l-.128-.024Q3 15.632 3 16c0 6.935 5.43 12.601 12.27 12.98a.5.5 0 0 1 .055-.596l1.008-1.117a17 17 0 0 0-1.273-3.161l-.362.732a.5.5 0 1 1-.896-.444l.66-1.335a17 17 0 0 0-2.075-2.702l-.19.948a.5.5 0 0 1-.98-.196l.319-1.596a17 17 0 0 0-2.726-2.055l.055.852a.5.5 0 1 1-.998.064l-.097-1.498a17 17 0 0 0-3.41-1.312l.333.759a.5.5 0 0 1-.916.401zM16.117 29q.31-.003.616-.02a17 17 0 0 0-.107-.545zm12.882-12.87l-.522.505q.25.052.503.098q.015-.3.02-.602"/></svg>
Baseball アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:baseball" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:baseball" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:baseball" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--baseball]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:baseball"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:baseball"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/baseball.svg" alt="Baseball アイコン" width="24" height="24">
Baseball アイコン のよくある質問
Baseball アイコンは商用利用でも無料ですか?
はい。Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Baseball アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-high-contrast:baseball" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Baseball アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/baseball.svg" alt="Baseball アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji High Contrast アイコン をすべて見る →
ICONYZ
