Tennis アイコン
cil:tennis
Tennis アイコン(cil:tennis)は、CoreUI Free セットの無料 SVG アイコンです（作者: creativeLabs Łukasz Holeczek）。 512 × 512 のグリッドで描かれています。 CoreUI Free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- CoreUI Free
- 作者
- creativeLabs Łukasz Holeczek
- ライセンス
- CC-BY-4.0
- サイズ
- 512 × 512
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M144 80a64 64 0 1 0-64 64a64.07 64.07 0 0 0 64-64m-96 0a32 32 0 1 1 32 32a32.036 32.036 0 0 1-32-32m392.65-8.564a133.37 133.37 0 0 0-94.233-39.348h-.622c-37.49 0-74.1 15.969-103.135 45.007c-29.579 29.58-53.748 74.529-64.652 120.24a217 217 0 0 0-5.459 34.69a119.9 119.9 0 0 1-15.265 51.463A142.4 142.4 0 0 1 134.593 313l-79.285 81.211c-12.389 12.431-13.708 25.214-12.626 33.756c1.254 9.919 6.525 19.771 15.243 28.49S76.5 470.447 86.416 471.7a38 38 0 0 0 4.754.3c8.188 0 18.755-2.679 29.074-13l79.278-81.2a142 142 0 0 1 31.969-24.044a118.7 118.7 0 0 1 48.6-13.943a216.4 216.4 0 0 0 34.886-5.562c45.544-10.991 90.409-35.227 120.011-64.83c29.2-29.2 45.182-66.048 45.005-103.757a133.37 133.37 0 0 0-39.343-94.228m-343.094 365c-3.944 3.917-6.256 3.625-7.128 3.517c-2.729-.346-6.328-2.577-9.875-6.124s-5.779-7.146-6.124-9.876c-.111-.877-.405-3.2 3.577-7.186l63.374-64.912l19.61 19.61Zm86.05-87.61l-19.972-19.971a173.6 173.6 0 0 0 21.186-29.091a72.77 72.77 0 0 0 27.88 27.875a173.6 173.6 0 0 0-29.094 21.188ZM412.366 246.8c-25.234 25.233-65.426 46.826-104.891 56.35c-39.275 9.477-72.175 5.684-88.012-10.15c-33.763-33.765-8.923-138.532 45.825-193.28c25.064-25.064 53.5-35.508 80.192-35.508a103.2 103.2 0 0 1 72.543 29.851c35.65 35.65 45.783 101.295-5.657 152.737"/></svg>
Tennis アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cil:tennis" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cil:tennis" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cil:tennis" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cil--tennis]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cil -->
<div class="i-cil:tennis"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cil:tennis"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/cil/tennis.svg" alt="Tennis アイコン" width="24" height="24">
Tennis アイコン のよくある質問
Tennis アイコンは商用利用でも無料ですか?
はい。CoreUI Free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Tennis アイコンを使うには?
@iconify/react をインストールして <Icon icon="cil:tennis" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Tennis アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cil/tennis.svg" alt="Tennis アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
CoreUI Free アイコン をすべて見る →
ICONYZ
