stethoscope icon

stethoscope from Line Awesome by Icons8 · Line · Medical · Apache-2.0 Free for personal and commercial use.

Name
stethoscope
Set
Line Awesome
Style
Line
Category
Medical
Viewbox
32×32
License
Apache 2.0
Aliases
stethoscope-solid

The same icon in other sets

More medical icons from Line Awesome

Use the stethoscope icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M7 4c-.79 0-1.457.46-1.781 1.125C3.953 5.477 3 6.629 3 8v9.375l.25.281s2.355 2.758 5.75 3.25V23c0 3.3 2.7 6 6 6s6-2.7 6-6v-5c0-1.117.883-2 2-2s2 .883 2 2v.188c-1.156.417-2 1.519-2 2.812c0 1.645 1.355 3 3 3s3-1.355 3-3c0-1.293-.844-2.395-2-2.813V18c0-2.2-1.8-4-4-4s-4 1.8-4 4v5c0 2.219-1.781 4-4 4s-4-1.781-4-4v-2.094c3.395-.492 5.75-3.25 5.75-3.25l.25-.281V8c0-1.371-.953-2.523-2.219-2.875A1.98 1.98 0 0 0 13 4a1.999 1.999 0 1 0 0 4c.656 0 1.23-.32 1.594-.813c.25.18.406.473.406.813v8.563c-.36.363-2.488 2.437-5 2.437s-4.64-2.074-5-2.438V8c0-.34.156-.633.406-.813C5.77 7.68 6.344 8 7 8a1.999 1.999 0 1 0 0-4m19 16c.563 0 1 .438 1 1s-.438 1-1 1s-1-.438-1-1s.438-1 1-1"/></svg>

React

import type { SVGProps } from "react";

export function LaStethoscope(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M7 4c-.79 0-1.457.46-1.781 1.125C3.953 5.477 3 6.629 3 8v9.375l.25.281s2.355 2.758 5.75 3.25V23c0 3.3 2.7 6 6 6s6-2.7 6-6v-5c0-1.117.883-2 2-2s2 .883 2 2v.188c-1.156.417-2 1.519-2 2.812c0 1.645 1.355 3 3 3s3-1.355 3-3c0-1.293-.844-2.395-2-2.813V18c0-2.2-1.8-4-4-4s-4 1.8-4 4v5c0 2.219-1.781 4-4 4s-4-1.781-4-4v-2.094c3.395-.492 5.75-3.25 5.75-3.25l.25-.281V8c0-1.371-.953-2.523-2.219-2.875A1.98 1.98 0 0 0 13 4a1.999 1.999 0 1 0 0 4c.656 0 1.23-.32 1.594-.813c.25.18.406.473.406.813v8.563c-.36.363-2.488 2.437-5 2.437s-4.64-2.074-5-2.438V8c0-.34.156-.633.406-.813C5.77 7.68 6.344 8 7 8a1.999 1.999 0 1 0 0-4m19 16c.563 0 1 .438 1 1s-.438 1-1 1s-1-.438-1-1s.438-1 1-1"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M7 4c-.79 0-1.457.46-1.781 1.125C3.953 5.477 3 6.629 3 8v9.375l.25.281s2.355 2.758 5.75 3.25V23c0 3.3 2.7 6 6 6s6-2.7 6-6v-5c0-1.117.883-2 2-2s2 .883 2 2v.188c-1.156.417-2 1.519-2 2.812c0 1.645 1.355 3 3 3s3-1.355 3-3c0-1.293-.844-2.395-2-2.813V18c0-2.2-1.8-4-4-4s-4 1.8-4 4v5c0 2.219-1.781 4-4 4s-4-1.781-4-4v-2.094c3.395-.492 5.75-3.25 5.75-3.25l.25-.281V8c0-1.371-.953-2.523-2.219-2.875A1.98 1.98 0 0 0 13 4a1.999 1.999 0 1 0 0 4c.656 0 1.23-.32 1.594-.813c.25.18.406.473.406.813v8.563c-.36.363-2.488 2.437-5 2.437s-4.64-2.074-5-2.438V8c0-.34.156-.633.406-.813C5.77 7.68 6.344 8 7 8a1.999 1.999 0 1 0 0-4m19 16c.563 0 1 .438 1 1s-.438 1-1 1s-1-.438-1-1s.438-1 1-1"/></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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7%204c-.79%200-1.457.46-1.781%201.125C3.953%205.477%203%206.629%203%208v9.375l.25.281s2.355%202.758%205.75%203.25V23c0%203.3%202.7%206%206%206s6-2.7%206-6v-5c0-1.117.883-2%202-2s2%20.883%202%202v.188c-1.156.417-2%201.519-2%202.812c0%201.645%201.355%203%203%203s3-1.355%203-3c0-1.293-.844-2.395-2-2.813V18c0-2.2-1.8-4-4-4s-4%201.8-4%204v5c0%202.219-1.781%204-4%204s-4-1.781-4-4v-2.094c3.395-.492%205.75-3.25%205.75-3.25l.25-.281V8c0-1.371-.953-2.523-2.219-2.875A1.98%201.98%200%200%200%2013%204a1.999%201.999%200%201%200%200%204c.656%200%201.23-.32%201.594-.813c.25.18.406.473.406.813v8.563c-.36.363-2.488%202.437-5%202.437s-4.64-2.074-5-2.438V8c0-.34.156-.633.406-.813C5.77%207.68%206.344%208%207%208a1.999%201.999%200%201%200%200-4m19%2016c.563%200%201%20.438%201%201s-.438%201-1%201s-1-.438-1-1s.438-1%201-1%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7%204c-.79%200-1.457.46-1.781%201.125C3.953%205.477%203%206.629%203%208v9.375l.25.281s2.355%202.758%205.75%203.25V23c0%203.3%202.7%206%206%206s6-2.7%206-6v-5c0-1.117.883-2%202-2s2%20.883%202%202v.188c-1.156.417-2%201.519-2%202.812c0%201.645%201.355%203%203%203s3-1.355%203-3c0-1.293-.844-2.395-2-2.813V18c0-2.2-1.8-4-4-4s-4%201.8-4%204v5c0%202.219-1.781%204-4%204s-4-1.781-4-4v-2.094c3.395-.492%205.75-3.25%205.75-3.25l.25-.281V8c0-1.371-.953-2.523-2.219-2.875A1.98%201.98%200%200%200%2013%204a1.999%201.999%200%201%200%200%204c.656%200%201.23-.32%201.594-.813c.25.18.406.473.406.813v8.563c-.36.363-2.488%202.437-5%202.437s-4.64-2.074-5-2.438V8c0-.34.156-.633.406-.813C5.77%207.68%206.344%208%207%208a1.999%201.999%200%201%200%200-4m19%2016c.563%200%201%20.438%201%201s-.438%201-1%201s-1-.438-1-1s.438-1%201-1%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/stethoscope.svg?color=%231a73e8&size=48