Basketball Sharp Duotone icon
keyline-icons:basketball-sharp-duotone
The Basketball Sharp Duotone icon (keyline-icons:basketball-sharp-duotone) is a free SVG icon from the Keyline Icons set. It is drawn on a 24 × 24 grid. Keyline Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Keyline Icons
- Author
- Keyline Icons
- License
- MIT
- Size
- 24 × 24
- Tags
- basketballsharp, sharpduotone, basketballsharpduotone
SVG code
<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" d="M21.9506 13L18.0435 13C18.2057 14.8602 18.818 16.653 19.8276 18.2239C19.6123 18.4942 19.3833 18.7533 19.1413 19.0001L18.3126 19.5595C16.9957 17.6085 16.2113 15.3474 16.037 13L13 13L13 21.9506C12.6677 21.9835 12.3339 22 12 22C11.6661 22 11.3323 21.9835 11 21.9506L11 13L7.963 13C7.7887 15.3474 7.0043 17.6085 5.6874 19.5595L4.8587 19.0001C4.6167 18.7533 4.3877 18.4942 4.1724 18.2239C5.182 16.653 5.7943 14.8602 5.9565 13L2.0494 13C2.0165 12.6677 2 12.3339 2 12C2 11.6661 2.0165 11.3323 2.0494 11L5.9565 11C5.7943 9.1398 5.182 7.347 4.1724 5.7761C4.3877 5.5058 4.6167 5.2467 4.8587 4.9999L5.6874 4.4405C7.0043 6.3915 7.7887 8.6526 7.963 11L11 11L11 2.0494C11.3323 2.0165 11.6661 2 12 2C12.3339 2 12.6677 2.0165 13 2.0494L13 11L16.037 11C16.2113 8.6526 16.9957 6.3915 18.3126 4.4405L19.1413 4.9999C19.3833 5.2467 19.6123 5.5058 19.8276 5.7761C18.818 7.347 18.2057 9.1398 18.0435 11L21.9506 11C21.9835 11.3323 22 11.6661 22 12C22 12.3339 21.9835 12.6677 21.9506 13Z" 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 12Z"/></g></svg>How to use the Basketball Sharp Duotone icon
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:basketball-sharp-duotone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:basketball-sharp-duotone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:basketball-sharp-duotone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--basketball-sharp-duotone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:basketball-sharp-duotone"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:basketball-sharp-duotone"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/keyline-icons/basketball-sharp-duotone.svg" alt="Basketball Sharp Duotone icon" width="24" height="24">Related icons in Keyline Icons
Basketball Sharp Duotone icon FAQ
Is the Basketball Sharp Duotone icon free for commercial use?
Yes. Keyline Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Basketball Sharp Duotone icon in React?
Install @iconify/react and render <Icon icon="keyline-icons:basketball-sharp-duotone" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Basketball Sharp Duotone icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/keyline-icons/basketball-sharp-duotone.svg" alt="Basketball Sharp Duotone icon">, or paste the SVG code inline to style it with CSS.