Icône Tennis
boxicons:tennis
L'icône Tennis (boxicons:tennis) est une icône SVG gratuite de la collection Boxicons. Elle est dessinée sur une grille de 24 × 24. Les Boxicons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Boxicons
- Auteur
- Boxicons
- Licence
- MIT
- Taille
- 24 × 24
Code 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.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>
Comment utiliser l'icône Tennis
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 component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="boxicons:tennis"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/boxicons/tennis.svg" alt="Icône Tennis" width="24" height="24">
Icônes similaires dans Boxicons
L'icône Tennis dans d'autres collections
FAQ : Icône Tennis
L'icône Tennis est-elle gratuite pour un usage commercial ?
Oui. Les Boxicons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Tennis dans React ?
Installez @iconify/react et affichez <Icon icon="boxicons:tennis" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Tennis à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/boxicons/tennis.svg" alt="Icône Tennis">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Boxicons →
ICONYZ
