Syringe Sharp Fill icon
keyline-icons:syringe-sharp-fill
The Syringe Sharp Fill icon (keyline-icons:syringe-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
- syringesharp, sharpfill, syringesharpfill
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-rule="evenodd" d="M13.2218 5.1213C13.4093 4.9338 13.6637 4.8284 13.9289 4.8284C14.1941 4.8284 14.4485 4.9338 14.636 5.1213L18.8787 9.364C19.0662 9.5515 19.1716 9.8059 19.1716 10.0711C19.1716 10.3363 19.0662 10.5907 18.8787 10.7782L9.3934 20.2635C9.2059 20.451 8.9515 20.5564 8.6863 20.5564C8.4211 20.5564 8.1667 20.451 7.9792 20.2635L3.7365 16.0208C3.549 15.8333 3.4436 15.5789 3.4436 15.3137C3.4436 15.0485 3.549 14.7941 3.7365 14.6066L13.2218 5.1213ZM7.7574 13.4142L8.7574 14.4142L10.1716 13L9.1716 12L7.7574 13.4142ZM10.5858 10.5858L11.5858 11.5858L13 10.1716L12 9.1716L10.5858 10.5858Z" clip-rule="evenodd" stroke="none"/><path d="M6.565 17.435L2.7071 21.2929M12.2218 4.1213L16.0502 7.9498L18.8787 5.1213M16.4645 2.7071L21.2929 7.5355M16.0502 7.9498L19.8787 11.7782"/></g></svg>
How to use the Syringe Sharp Fill icon
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:syringe-sharp-fill" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:syringe-sharp-fill" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:syringe-sharp-fill" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--syringe-sharp-fill]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:syringe-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:syringe-sharp-fill"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/keyline-icons/syringe-sharp-fill.svg" alt="Syringe Sharp Fill icon" width="24" height="24">
Related icons in Keyline Icons
Syringe Sharp Fill icon FAQ
Is the Syringe 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 Syringe Sharp Fill icon in React?
Install @iconify/react and render <Icon icon="keyline-icons:syringe-sharp-fill" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Syringe 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/syringe-sharp-fill.svg" alt="Syringe Sharp Fill icon">, or paste the SVG code inline to style it with CSS.
Browse all Keyline Icons →
ICONYZ
