stethoscope icon
stethoscope from Font Awesome Solid by Dave Gandy · Solid · Health · CC-BY-4.0 Attribution required.
- Name
- stethoscope
- Set
- Font Awesome Solid
- Style
- Solid
- Category
- Health
- Viewbox
- 640×640
- License
- CC BY 4.0
The same icon in other sets
stethoscopeCarbonstethoscopeFont Awesome 6 Solidstethoscope-20-filledFluent UI System IconsstethoscopeFluent EmojistethoscopeFluent Emoji FlatstethoscopeFluent Emoji High ContraststethoscopeHealth IconsstethoscopeHuge IconsstethoscopeIconParkstethoscopeIconPark OutlinestethoscopeIconPark SolidstethoscopeIconPark TwoTonestethoscopeLine AwesomestethoscopeLucidestethoscopeMaterial SymbolsstethoscopeMaterial Symbols LightstethoscopeMaterial Design Iconsstethoscope-fillMingCute IconstethoscopeNoto EmojistethoscopeOpenMojistethoscopePhosphorstethoscope-fillRemix Iconstethoscope-boldSolarstethoscopeTabler Icons
More health icons from Font Awesome Solid
Use the stethoscope icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M64 112c0-26.5 21.5-48 48-48h48c17.7 0 32 14.3 32 32s-14.3 32-32 32h-32v128c0 53 43 96 96 96s96-43 96-96V128h-32c-17.7 0-32-14.3-32-32s14.3-32 32-32h48c26.5 0 48 21.5 48 48v144c0 77.4-55 142-128 156.8V432c0 61.9 50.1 112 112 112s112-50.1 112-112v-85.5c-37.3-13.2-64-48.7-64-90.5c0-53 43-96 96-96s96 43 96 96c0 41.8-26.7 77.4-64 90.5V432c0 97.2-78.8 176-176 176s-176-78.8-176-176v-19.2C119 398 64 333.4 64 256zm448 176c17.7 0 32-14.3 32-32s-14.3-32-32-32s-32 14.3-32 32s14.3 32 32 32"/></svg>
React
import type { SVGProps } from "react";
export function Fa7SolidStethoscope(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="M64 112c0-26.5 21.5-48 48-48h48c17.7 0 32 14.3 32 32s-14.3 32-32 32h-32v128c0 53 43 96 96 96s96-43 96-96V128h-32c-17.7 0-32-14.3-32-32s14.3-32 32-32h48c26.5 0 48 21.5 48 48v144c0 77.4-55 142-128 156.8V432c0 61.9 50.1 112 112 112s112-50.1 112-112v-85.5c-37.3-13.2-64-48.7-64-90.5c0-53 43-96 96-96s96 43 96 96c0 41.8-26.7 77.4-64 90.5V432c0 97.2-78.8 176-176 176s-176-78.8-176-176v-19.2C119 398 64 333.4 64 256zm448 176c17.7 0 32-14.3 32-32s-14.3-32-32-32s-32 14.3-32 32s14.3 32 32 32"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M64 112c0-26.5 21.5-48 48-48h48c17.7 0 32 14.3 32 32s-14.3 32-32 32h-32v128c0 53 43 96 96 96s96-43 96-96V128h-32c-17.7 0-32-14.3-32-32s14.3-32 32-32h48c26.5 0 48 21.5 48 48v144c0 77.4-55 142-128 156.8V432c0 61.9 50.1 112 112 112s112-50.1 112-112v-85.5c-37.3-13.2-64-48.7-64-90.5c0-53 43-96 96-96s96 43 96 96c0 41.8-26.7 77.4-64 90.5V432c0 97.2-78.8 176-176 176s-176-78.8-176-176v-19.2C119 398 64 333.4 64 256zm448 176c17.7 0 32-14.3 32-32s-14.3-32-32-32s-32 14.3-32 32s14.3 32 32 32"/></svg> </template>
CSS
.icon-stethoscope {
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%22M64%20112c0-26.5%2021.5-48%2048-48h48c17.7%200%2032%2014.3%2032%2032s-14.3%2032-32%2032h-32v128c0%2053%2043%2096%2096%2096s96-43%2096-96V128h-32c-17.7%200-32-14.3-32-32s14.3-32%2032-32h48c26.5%200%2048%2021.5%2048%2048v144c0%2077.4-55%20142-128%20156.8V432c0%2061.9%2050.1%20112%20112%20112s112-50.1%20112-112v-85.5c-37.3-13.2-64-48.7-64-90.5c0-53%2043-96%2096-96s96%2043%2096%2096c0%2041.8-26.7%2077.4-64%2090.5V432c0%2097.2-78.8%20176-176%20176s-176-78.8-176-176v-19.2C119%20398%2064%20333.4%2064%20256zm448%20176c17.7%200%2032-14.3%2032-32s-14.3-32-32-32s-32%2014.3-32%2032s14.3%2032%2032%2032%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%22M64%20112c0-26.5%2021.5-48%2048-48h48c17.7%200%2032%2014.3%2032%2032s-14.3%2032-32%2032h-32v128c0%2053%2043%2096%2096%2096s96-43%2096-96V128h-32c-17.7%200-32-14.3-32-32s14.3-32%2032-32h48c26.5%200%2048%2021.5%2048%2048v144c0%2077.4-55%20142-128%20156.8V432c0%2061.9%2050.1%20112%20112%20112s112-50.1%20112-112v-85.5c-37.3-13.2-64-48.7-64-90.5c0-53%2043-96%2096-96s96%2043%2096%2096c0%2041.8-26.7%2077.4-64%2090.5V432c0%2097.2-78.8%20176-176%20176s-176-78.8-176-176v-19.2C119%20398%2064%20333.4%2064%20256zm448%20176c17.7%200%2032-14.3%2032-32s-14.3-32-32-32s-32%2014.3-32%2032s14.3%2032%2032%2032%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-solid/stethoscope.svg?color=%231a73e8&size=48