Tennis ikonu
boxicons:tennis
Tennis ikonu (boxicons:tennis), Boxicons setinden ücretsiz bir SVG ikondur. 24 × 24 ızgara üzerinde çizilmiştir. Boxicons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.
- İkon seti
- Boxicons
- Yazar
- Boxicons
- Lisans
- MIT
- Boyut
- 24 × 24
SVG kodu
<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.92C6.2 7.64 5.35 11.4 6.54 14.23c0 .5-.1.99-.32 1.49c-.31.56-.65 1.11-1 1.64l-2.9 2.9c-.29.29-.29.77 0 1.06l.35.35c.29.29.77.29 1.06 0l2.9-2.9c.53-.35 1.08-.69 1.64-1c.5-.22.98-.31 1.49-.32c.83.35 1.75.53 2.69.53c2.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-.95.95c-.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 ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="boxicons:tennis" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="boxicons:tennis" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="boxicons:tennis" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[boxicons--tennis]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/boxicons -->
<div class="i-boxicons:tennis"></div>
Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="boxicons:tennis"></iconify-icon>
HTML görseli
<img src="https://iconyz.com/api/public/svg/boxicons/tennis.svg" alt="Tennis ikonu" width="24" height="24">
Boxicons setindeki benzer ikonlar
Diğer ikon setlerinde Tennis ikonu
Tennis ikonu: sık sorulan sorular
Tennis ikonu ticari kullanım için ücretsiz mi?
Evet. Boxicons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Tennis ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="boxicons:tennis" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Tennis ikonunu bir web sayfasına nasıl eklerim?
SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/boxicons/tennis.svg" alt="Tennis ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.
Tümüne göz at: Boxicons →
ICONYZ
