syringe icon
syringe from Font Awesome Solid by Dave Gandy · Solid · Medical · CC-BY-4.0 Attribution required.
- Name
- syringe
- Set
- Font Awesome Solid
- Style
- Solid
- Category
- Medical
- Viewbox
- 640×640
- License
- CC BY 4.0
The same icon in other sets
syringeEmoji One (Colored)syringeFont Awesome 6 Solidsyringe-20-filledFluent UI System IconssyringeFluent EmojisyringeFluent Emoji FlatsyringeFluent Emoji High ContrastsyringeFirefox OS EmojisyringeHealth IconssyringeHuge IconssyringeLine AwesomesyringeLucidesyringeMaterial SymbolssyringeMaterial Symbols LightsyringeNoto EmojisyringeOpenMojisyringePhosphorsyringe-fillRemix Iconsyringe-boldSolarsyringeStreamline EmojissyringeTwitter EmojisyringeUnicons
More medical icons from Font Awesome Solid
Use the syringe icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M529.5 47c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l15 15l-46.1 46.1l-63-63c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l7 7l-78.1 78.1l41 41c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-41-41l-46.1 46.1l41 41c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-41-41l-37.7 37.7a55.92 55.92 0 0 0-16.4 39.6V478l-57 57c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l57-57h88.8c14.9 0 29.1-5.9 39.6-16.4l229.7-229.7l7 7c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-63-63l46.1-46.1l15 15c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-64-64z"/></svg>
React
import type { SVGProps } from "react";
export function Fa7SolidSyringe(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M529.5 47c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l15 15l-46.1 46.1l-63-63c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l7 7l-78.1 78.1l41 41c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-41-41l-46.1 46.1l41 41c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-41-41l-37.7 37.7a55.92 55.92 0 0 0-16.4 39.6V478l-57 57c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l57-57h88.8c14.9 0 29.1-5.9 39.6-16.4l229.7-229.7l7 7c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-63-63l46.1-46.1l15 15c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-64-64z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M529.5 47c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l15 15l-46.1 46.1l-63-63c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l7 7l-78.1 78.1l41 41c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-41-41l-46.1 46.1l41 41c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-41-41l-37.7 37.7a55.92 55.92 0 0 0-16.4 39.6V478l-57 57c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l57-57h88.8c14.9 0 29.1-5.9 39.6-16.4l229.7-229.7l7 7c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-63-63l46.1-46.1l15 15c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-64-64z"/></svg> </template>
CSS
.icon-syringe {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M529.5%2047c-9.4-9.4-24.6-9.4-33.9%200s-9.4%2024.6%200%2033.9l15%2015l-46.1%2046.1l-63-63c-9.4-9.4-24.6-9.4-33.9%200s-9.4%2024.6%200%2033.9l7%207l-78.1%2078.1l41%2041c9.4%209.4%209.4%2024.6%200%2033.9s-24.6%209.4-33.9%200l-41-41l-46.1%2046.1l41%2041c9.4%209.4%209.4%2024.6%200%2033.9s-24.6%209.4-33.9%200l-41-41l-37.7%2037.7a55.92%2055.92%200%200%200-16.4%2039.6V478l-57%2057c-9.4%209.4-9.4%2024.6%200%2033.9s24.6%209.4%2033.9%200l57-57h88.8c14.9%200%2029.1-5.9%2039.6-16.4l229.7-229.7l7%207c9.4%209.4%2024.6%209.4%2033.9%200s9.4-24.6%200-33.9l-63-63l46.1-46.1l15%2015c9.4%209.4%2024.6%209.4%2033.9%200s9.4-24.6%200-33.9l-64-64z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M529.5%2047c-9.4-9.4-24.6-9.4-33.9%200s-9.4%2024.6%200%2033.9l15%2015l-46.1%2046.1l-63-63c-9.4-9.4-24.6-9.4-33.9%200s-9.4%2024.6%200%2033.9l7%207l-78.1%2078.1l41%2041c9.4%209.4%209.4%2024.6%200%2033.9s-24.6%209.4-33.9%200l-41-41l-46.1%2046.1l41%2041c9.4%209.4%209.4%2024.6%200%2033.9s-24.6%209.4-33.9%200l-41-41l-37.7%2037.7a55.92%2055.92%200%200%200-16.4%2039.6V478l-57%2057c-9.4%209.4-9.4%2024.6%200%2033.9s24.6%209.4%2033.9%200l57-57h88.8c14.9%200%2029.1-5.9%2039.6-16.4l229.7-229.7l7%207c9.4%209.4%2024.6%209.4%2033.9%200s9.4-24.6%200-33.9l-63-63l46.1-46.1l15%2015c9.4%209.4%2024.6%209.4%2033.9%200s9.4-24.6%200-33.9l-64-64z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-solid/syringe.svg?color=%231a73e8&size=48
