Pin Sharp Fill icon
keyline-icons:pin-sharp-fill
The Pin Sharp Fill icon (keyline-icons:pin-sharp-fill) 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
- pinsharp, sharpfill, pinsharpfill
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" d="M15.1478 2.293L21.707 8.8522C21.8946 9.0398 21.9999 9.2941 21.9999 9.5593C21.9999 9.8246 21.8946 10.0789 21.707 10.2664L19.3319 12.6416C19.1443 12.8292 18.89 12.9345 18.6248 12.9345C18.4057 12.9345 18.1927 12.8626 18.0185 12.7298L16.9703 11.9306L15.222 13.679C15.7574 15.5541 16.029 17.4947 16.029 19.4448C16.029 19.6328 16.0265 19.8207 16.0215 20.0086C16.0135 20.3037 15.8757 20.5801 15.6448 20.764L14.3663 21.7823C14.1893 21.9233 13.9696 22.0001 13.7433 22.0001C13.4781 22.0001 13.2237 21.8947 13.0362 21.7072L2.2928 10.9638C2.1053 10.7763 1.9999 10.5219 1.9999 10.2567C1.9999 10.0304 2.0767 9.8107 2.2177 9.6337L3.236 8.3552C3.4199 8.1243 3.6963 7.9865 3.9914 7.9785C4.1793 7.9735 4.3672 7.971 4.5552 7.971C6.5053 7.971 8.4459 8.2426 10.321 8.778L12.0694 7.0297L11.2702 5.9815C11.1374 5.8073 11.0655 5.5943 11.0655 5.3752C11.0655 5.11 11.1708 4.8557 11.3584 4.6681L13.7336 2.293C13.9211 2.1054 14.1754 2.0001 14.4407 2.0001C14.7059 2.0001 14.9602 2.1054 15.1478 2.293Z" stroke="none"/><path d="M8.3716 15.6284L3.6875 20.3125"/></g></svg>
How to use the Pin Sharp Fill icon
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:pin-sharp-fill" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:pin-sharp-fill" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:pin-sharp-fill" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--pin-sharp-fill]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:pin-sharp-fill"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:pin-sharp-fill"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/keyline-icons/pin-sharp-fill.svg" alt="Pin Sharp Fill icon" width="24" height="24">
Related icons in Keyline Icons
Pin Sharp Fill icon FAQ
Is the Pin Sharp Fill 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 Pin Sharp Fill icon in React?
Install @iconify/react and render <Icon icon="keyline-icons:pin-sharp-fill" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Pin Sharp Fill icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/keyline-icons/pin-sharp-fill.svg" alt="Pin Sharp Fill icon">, or paste the SVG code inline to style it with CSS.
Browse all Keyline Icons →
ICONYZ
