Иконка Soccer Ball Sharp Fill

keyline-icons:soccer-ball-sharp-fill

Иконка Soccer Ball Sharp Fill (keyline-icons:soccer-ball-sharp-fill) — бесплатная SVG-иконка из набора Keyline Icons. Она нарисована на сетке 24 × 24. Keyline Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Keyline Icons
Автор: Keyline Icons
Лицензия: MIT
Размер: 24 × 24
Теги: soccerball, ballsharp, sharpfill, soccerballsharpfill

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M23 12C23 18.0751 18.0751 23 12 23C5.9249 23 1 18.0751 1 12C1 5.9249 5.9249 1 12 1C18.0751 1 23 5.9249 23 12ZM18.0664 5.3517C17.5726 4.9007 17.0302 4.506 16.4492 4.1749L14.4294 6.9549L9.5706 6.9549L7.5508 4.1749C6.9698 4.506 6.4274 4.9007 5.9336 5.3517L7.9526 8.1305L6.4511 12.7515L3.1828 13.8134C3.3168 14.4686 3.524 15.1067 3.8004 15.7157L7.0691 14.6536L11 17.5095L11 20.9451C11.3321 20.9817 11.6659 21 12 21C12.3341 21 12.6679 20.9817 13 20.9451L13 17.5095L16.9309 14.6536L20.1996 15.7157C20.476 15.1067 20.6832 14.4686 20.8172 13.8134L17.5489 12.7515L16.0474 8.1305L18.0664 5.3517ZM14.2117 8.9559L15.5785 13.1627L12 15.7627L8.4215 13.1627L9.7883 8.9559L14.2117 8.9559Z" clip-rule="evenodd"/></svg>

Как использовать иконку Soccer Ball Sharp Fill

React

import { Icon } from "@iconify/react";

<Icon icon="keyline-icons:soccer-ball-sharp-fill" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="keyline-icons:soccer-ball-sharp-fill" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="keyline-icons:soccer-ball-sharp-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--soccer-ball-sharp-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:soccer-ball-sharp-fill"></div>

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

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

<iconify-icon icon="keyline-icons:soccer-ball-sharp-fill"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/keyline-icons/soccer-ball-sharp-fill.svg" alt="Иконка Soccer Ball Sharp Fill" width="24" height="24">

Вопросы и ответы: Иконка Soccer Ball Sharp Fill

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

Да. Keyline Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Soccer Ball Sharp Fill в React?

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

Как добавить иконку Soccer Ball Sharp Fill на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/keyline-icons/soccer-ball-sharp-fill.svg" alt="Иконка Soccer Ball Sharp Fill">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Keyline Icons →