Softball アイコン
fluent-emoji-flat:softball
Softball アイコン(fluent-emoji-flat:softball)は、Fluent Emoji Flat セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji Flat
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- カテゴリ
- アクティビティ
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#c3ef3c" d="M16 30c7.732 0 14-6.268 14-14S23.732 2 16 2S2 8.268 2 16s6.268 14 14 14"/><path fill="#636363" d="M29.973 16.88q-.032.504-.098.996c-8.243-.97-14.782-7.508-15.75-15.751q.492-.066.995-.098c.923 7.769 7.084 13.93 14.853 14.853M16.88 29.973c-.923-7.769-7.084-13.93-14.853-14.853q.032-.502.098-.996c8.243.97 14.782 7.508 15.75 15.751q-.492.066-.995.098"/><path fill="#f8312f" d="M18.57 11.591a.5.5 0 0 1 .393-.392l1.767-.354a.5.5 0 1 1 .197.981l-1.441.288l-.289 1.441a.5.5 0 0 1-.98-.196zm3.912 3.392a.5.5 0 0 1 .278-.48l1.616-.8a.5.5 0 1 1 .443.897l-1.317.651l.094 1.467a.5.5 0 0 1-.998.064zm4.498 2.134a.5.5 0 0 1 .118-.542l1.298-1.252a.5.5 0 0 1 .694.72l-1.057 1.02l.535 1.369a.5.5 0 0 1-.932.364zM15.976 7.778a.5.5 0 0 1 .48-.277l1.8.116a.5.5 0 1 1-.065.998l-1.466-.095l-.652 1.318a.5.5 0 0 1-.896-.444zM14.56 3.263a.5.5 0 0 1 .534-.153l1.717.548a.5.5 0 1 1-.303.953l-1.4-.447l-.951 1.12a.5.5 0 1 1-.763-.646zm-2.99 16.078a.5.5 0 0 1 .393-.392l1.767-.354a.5.5 0 0 1 .197.981l-1.441.288l-.289 1.441a.5.5 0 0 1-.98-.196zm3.03 3.437a.5.5 0 0 1 .481-.277l1.8.116a.5.5 0 1 1-.065.998l-1.466-.095l-.652 1.318a.5.5 0 0 1-.896-.444zm1.932 4.267a.5.5 0 0 1 .538-.136l1.7.599a.5.5 0 1 1-.332.943l-1.386-.488l-.984 1.091a.5.5 0 0 1-.743-.67zm-8.781-10.47a.5.5 0 0 1 .277-.48l1.616-.8a.5.5 0 0 1 .444.897l-1.318.651l.095 1.467a.5.5 0 0 1-.998.064zm-4.698-1.501a.5.5 0 0 1 .096-.547l1.245-1.303a.5.5 0 0 1 .723.69l-1.015 1.063l.59 1.346a.5.5 0 1 1-.915.401z"/></g></svg>Softball アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:softball" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:softball" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:softball" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--softball]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:softball"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:softball"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/softball.svg" alt="Softball アイコン" width="24" height="24">他のアイコンセットの Softball アイコン
Softball アイコン のよくある質問
Softball アイコンは商用利用でも無料ですか?
はい。Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Softball アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-flat:softball" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Softball アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/softball.svg" alt="Softball アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。