Stethoscope icon

Use the Stethoscope icon in React

Install Microsoft's @fluentui/react-icons package, then import the component. Icons inherit the current text color, and you can size them with CSS.

npm install @fluentui/react-icons

import { Stethoscope24Regular, Stethoscope24Filled } from "@fluentui/react-icons";

export function Example() {
  return <Stethoscope24Regular aria-label="Stethoscope" />;
}

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_stethoscope_24_regular.svg" width="24" height="24" alt="Stethoscope">

Or paste the SVG markup inline. Setting fill="currentColor" makes the icon follow the text color of its parent:

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.75 2.5C2.33579 2.5 2 2.83579 2 3.25V9.00009C2 12.0598 4.29027 14.5846 7.25 14.9537V15.7502C7.25 19.0639 9.93629 21.7502 13.25 21.7502C16.5637 21.7502 19.25 19.0639 19.25 15.7502V14.9056C20.5439 14.5726 21.5 13.398 21.5 12.0001C21.5 10.3433 20.1569 9.00012 18.5 9.00012C16.8431 9.00012 15.5 10.3433 15.5 12.0001C15.5 13.398 16.4561 14.5726 17.75 14.9056V15.7502C17.75 18.2354 15.7353 20.2502 13.25 20.2502C10.7647 20.2502 8.75 18.2354 8.75 15.7502V14.9537C11.7097 14.5846 14 12.0598 14 9.00009V3.25C14 2.83579 13.6642 2.5 13.25 2.5H10.75C10.3358 2.5 10 2.83579 10 3.25C10 3.66421 10.3358 4 10.75 4H12.5V9.00009C12.5 11.4854 10.4853 13.5001 8 13.5001C5.51472 13.5001 3.5 11.4854 3.5 9.00009V4H5.25C5.66421 4 6 3.66421 6 3.25C6 2.83579 5.66421 2.5 5.25 2.5H2.75ZM18.5 10.5001C19.3284 10.5001 20 11.1717 20 12.0001C20 12.8285 19.3284 13.5001 18.5 13.5001C17.6716 13.5001 17 12.8285 17 12.0001C17 11.1717 17.6716 10.5001 18.5 10.5001Z" fill="currentColor"/></svg>

Use it from the SVG package

Microsoft's @fluentui/svg-icons package contains the raw SVG files, which works well with bundlers that import SVGs:

npm install @fluentui/svg-icons

import icon from "@fluentui/svg-icons/icons/stethoscope_24_regular.svg";

Details

Keywords

doctorhospitaltoolhealth