Tennis Filled アイコン
boxicons:tennis-filled
Tennis Filled アイコン(boxicons:tennis-filled)は、Boxicons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Boxicons は 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" d="M20 18a2 2 0 1 0 0 4a2 2 0 1 0 0-4m-.92-2.92c3.4-3.4 3.89-8.45 1.09-11.25S12.32 1.52 8.92 4.92c-2.76 2.76-3.6 6.6-2.33 9.45c-.01.41-.07.81-.24 1.23c-.27.51-.55 1.01-.86 1.5l-3.7 3.7h.01l1.39 1.4h.01l3.69-3.68c.49-.31.99-.59 1.5-.86c.42-.17.83-.23 1.24-.24c.87.39 1.82.58 2.81.58c2.27 0 4.71-.99 6.62-2.91Zm-6.72.92l.64-.64l.54.54c-.4.07-.8.11-1.19.1ZM8.1 10.46l.54.54l-.64.64c0-.39.03-.79.1-1.19Zm6.9-5.1l1.65 1.65L15 8.66l-1.65-1.65zm-2 1.29l-1.37-1.37c.72-.49 1.49-.83 2.25-1.04l.77.77L13 6.66Zm6.9 2.9l-.54-.54l.64-.64c0 .39-.03.79-.1 1.19Zm-6.9 5.1L11.35 13L13 11.35L14.65 13zm2-1.29l1.37 1.37c-.72.48-1.49.83-2.25 1.04l-.77-.77L15 13.35Zm-5.57 1.57L11 13.36l1.65 1.65l-.94.94c-.86-.12-1.64-.46-2.27-1.02Zm-.35-.35c-.56-.63-.9-1.42-1.02-2.27l.95-.95l1.65 1.65l-1.57 1.57Zm4.28-3.57l1.65-1.65l1.65 1.65l-1.65 1.65zm2-2l1.65-1.65l1.65 1.65l-1.65 1.65zm3.65.35l.77.77c-.21.76-.56 1.53-1.04 2.25l-1.37-1.37l1.65-1.65Zm0-.71L17.36 7l1.57-1.57c.56.63.9 1.42 1.02 2.27l-.95.95Zm-2-2L15.36 5l.94-.94c.86.12 1.63.46 2.27 1.02l-1.56 1.56ZM14.66 9l-1.65 1.65L11.36 9l1.65-1.65zm-2 2l-1.65 1.65L9.36 11l1.65-1.65zm-3.65-.35l-.77-.77c.21-.76.56-1.53 1.04-2.25L10.65 9L9 10.65Zm7.78 3.78L15.36 13l1.65-1.65l1.43 1.43c-.23.3-.48.6-.76.88s-.58.53-.88.76ZM15.55 4h.1l-.64.64l-.54-.54c.36-.07.73-.11 1.08-.11Zm-4.32 1.58l1.43 1.43l-1.65 1.65l-1.43-1.43c.23-.3.48-.6.76-.88s.58-.53.88-.76Z"/></svg>Tennis Filled アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="boxicons:tennis-filled" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="boxicons:tennis-filled" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="boxicons:tennis-filled" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[boxicons--tennis-filled]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/boxicons -->
<div class="i-boxicons:tennis-filled"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="boxicons:tennis-filled"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/boxicons/tennis-filled.svg" alt="Tennis Filled アイコン" width="24" height="24">Boxicons の関連アイコン
他のアイコンセットの Tennis Filled アイコン
Tennis Filled アイコン のよくある質問
Tennis Filled アイコンは商用利用でも無料ですか?
はい。Boxicons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Tennis Filled アイコンを使うには?
@iconify/react をインストールして <Icon icon="boxicons:tennis-filled" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Tennis Filled アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/boxicons/tennis-filled.svg" alt="Tennis Filled アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。