Tennis2 Filled アイコン
reicon:tennis2-filled
Tennis2 Filled アイコン(reicon:tennis2-filled)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M13.78 3.082c.033-.27.07-.481.097-.621l.055-.271A9.98 9.98 0 0 1 20.659 7a9.98 9.98 0 0 1 .803 8.232l-.111-.04l-.151-.048a8 8 0 0 1-.587-.227a.75.75 0 1 0-.59 1.38a10 10 0 0 0 .848.317A9.95 9.95 0 0 1 17 20.66a9.95 9.95 0 0 1-5.439 1.33l.034-.157c.035-.174.078-.423.115-.736a.75.75 0 0 0-1.489-.178c-.033.27-.07.481-.097.621l-.07.268A9.98 9.98 0 0 1 3.341 17a9.98 9.98 0 0 1-.803-8.23l.262.087c.135.046.336.12.587.227a.75.75 0 0 0 .59-1.38a10 10 0 0 0-.848-.317A9.95 9.95 0 0 1 7 3.34a9.95 9.95 0 0 1 5.439-1.33l-.034.157a10 10 0 0 0-.115.736a.75.75 0 0 0 1.489.178m-.841 1.655a.75.75 0 0 1 .814.679c.05.536.14 1.119.292 1.732a.75.75 0 1 1-1.456.361a13 13 0 0 1-.33-1.957a.75.75 0 0 1 .68-.815M5.24 9.18A.75.75 0 0 1 6.285 9c.496.35 1.015.768 1.53 1.264a.75.75 0 1 1-1.04 1.08a11.6 11.6 0 0 0-1.355-1.119a.75.75 0 0 1-.18-1.045m8.595-.184a.75.75 0 0 1 1 .35a11.6 11.6 0 0 0 .879 1.523a.75.75 0 1 1-1.238.846a13 13 0 0 1-.992-1.719a.75.75 0 0 1 .35-1M8.48 12.088a.75.75 0 0 1 1.042.197a13 13 0 0 1 .992 1.718a.75.75 0 0 1-1.352.65a11.6 11.6 0 0 0-.878-1.523a.75.75 0 0 1 .196-1.042m7.683.587a.75.75 0 0 1 1.06-.02c.455.438.915.808 1.355 1.119a.75.75 0 0 1-.865 1.225a13 13 0 0 1-1.53-1.264a.75.75 0 0 1-.02-1.06m-5.661 3.269a.75.75 0 0 1 .908.547c.172.694.274 1.352.33 1.957a.75.75 0 0 1-1.494.136c-.05-.536-.14-1.119-.292-1.732a.75.75 0 0 1 .548-.908" clip-rule="evenodd"/></svg>Tennis2 Filled アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:tennis2-filled" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:tennis2-filled" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:tennis2-filled" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--tennis2-filled]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:tennis2-filled"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:tennis2-filled"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/reicon/tennis2-filled.svg" alt="Tennis2 Filled アイコン" width="24" height="24">Reicon の関連アイコン
Tennis2 Filled アイコン のよくある質問
Tennis2 Filled アイコンは商用利用でも無料ですか?
はい。Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Tennis2 Filled アイコンを使うには?
@iconify/react をインストールして <Icon icon="reicon:tennis2-filled" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Tennis2 Filled アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/reicon/tennis2-filled.svg" alt="Tennis2 Filled アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。