Иконка Tennis

cil:tennis

Иконка Tennis (cil:tennis) — бесплатная SVG-иконка из набора CoreUI Free от 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

<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>

Веб-компонент

<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

Можно ли бесплатно использовать иконку Tennis в коммерческих проектах?

Да. CoreUI Free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

Как использовать иконку Tennis в React?

Установите @iconify/react и выведите <Icon icon="cil:tennis" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Tennis на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/cil/tennis.svg" alt="Иконка Tennis">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки CoreUI Free →