Иконка Soccer Ball Sharp Duotone
keyline-icons:soccer-ball-sharp-duotone
Иконка Soccer Ball Sharp Duotone (keyline-icons:soccer-ball-sharp-duotone) — бесплатная SVG-иконка из набора Keyline Icons. Она нарисована на сетке 24 × 24. Keyline Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Keyline Icons
- Автор
- Keyline Icons
- Лицензия
- MIT
- Размер
- 24 × 24
- Теги
- soccerball, ballsharp, sharpduotone, soccerballsharpduotone
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" fill-rule="evenodd" d="M18.6575 4.5381L15.7479 8.5427L14.1299 7.3671L17.0403 3.3613C17.6172 3.6987 18.159 4.0929 18.6575 4.5381ZM21.5813 14.8723L21.4386 15.3118C21.3537 15.5536 21.2596 15.792 21.1563 16.0265L16.4463 14.4961L17.0643 12.594L21.7739 14.1243C21.7194 14.376 21.6552 14.6256 21.5813 14.8723ZM11 21.9506L11 17L13 17L13 21.9506C12.6677 21.9835 12.3339 22 12 22C11.6661 22 11.3323 21.9835 11 21.9506ZM2.5614 15.3118L2.4187 14.8723C2.3448 14.6256 2.2806 14.376 2.2261 14.1243L6.9357 12.594L7.5537 14.4961L2.8437 16.0265C2.7404 15.792 2.6463 15.5536 2.5614 15.3118ZM6.9597 3.3613L9.8701 7.3671L8.2521 8.5427L5.3425 4.5381C5.841 4.0929 6.3828 3.6987 6.9597 3.3613Z" clip-rule="evenodd" stroke="none"/><path d="M22 12C22 17.5228 17.5228 22 12 22C6.4772 22 2 17.5228 2 12C2 6.4772 6.4772 2 12 2C17.5228 2 22 6.4772 22 12ZM14.9389 7.9549L16.7553 13.5451L12 17L7.2447 13.5451L9.0611 7.9549L14.9389 7.9549Z"/></g></svg>Как использовать иконку Soccer Ball Sharp Duotone
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:soccer-ball-sharp-duotone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:soccer-ball-sharp-duotone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:soccer-ball-sharp-duotone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--soccer-ball-sharp-duotone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:soccer-ball-sharp-duotone"></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-duotone"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/keyline-icons/soccer-ball-sharp-duotone.svg" alt="Иконка Soccer Ball Sharp Duotone" width="24" height="24">Похожие иконки в наборе Keyline Icons
Вопросы и ответы: Иконка Soccer Ball Sharp Duotone
Можно ли бесплатно использовать иконку Soccer Ball Sharp Duotone в коммерческих проектах?
Да. Keyline Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Soccer Ball Sharp Duotone в React?
Установите @iconify/react и выведите <Icon icon="keyline-icons:soccer-ball-sharp-duotone" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Soccer Ball Sharp Duotone на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/keyline-icons/soccer-ball-sharp-duotone.svg" alt="Иконка Soccer Ball Sharp Duotone">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.