ICONYZ
Português (Brasil)
Ícone Tennis de CoreUI Free

Ícone Tennis

cil:tennis

O ícone Tennis (cil:tennis) é um ícone SVG gratuito da coleção CoreUI Free de creativeLabs Łukasz Holeczek. Ele é desenhado em uma grade de 512 × 512. CoreUI Free icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção
CoreUI Free
Autor
creativeLabs Łukasz Holeczek
Licença
CC-BY-4.0
Tamanho
512 × 512
Baixar SVG

Código 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>

Como usar o ícone 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 component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="cil:tennis"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/cil/tennis.svg" alt="Ícone Tennis" width="24" height="24">

Ícones relacionados em CoreUI Free

O ícone Tennis em outras coleções

Perguntas frequentes sobre Ícone Tennis

O ícone Tennis é grátis para uso comercial?

Sim. CoreUI Free icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.

Como uso o ícone Tennis no React?

Instale @iconify/react e renderize <Icon icon="cil:tennis" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Tennis a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/cil/tennis.svg" alt="Ícone Tennis">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones CoreUI Free →