Stethoscope icon
icon-park:stethoscope
The Stethoscope icon (icon-park:stethoscope) is a free SVG icon from the IconPark set by ByteDance. It is drawn on a 48 × 48 grid. IconPark icons are released under the Apache 2.0 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
- IconPark
- Author
- ByteDance
- License
- Apache-2.0
- Size
- 48 × 48
- Category
- Health
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M21.9474 4V10M10.0526 7H4C4 7 4 16 4 21C4 26 8 32 16 32C24 32 28 26 28 21C28 16 28 7 28 7H21.9474H10.0526ZM10.0526 4V10V4Z"/><path fill="#2F88FF" d="M40 23C42.2091 23 44 21.2091 44 19C44 16.7909 42.2091 15 40 15C37.7909 15 36 16.7909 36 19C36 21.2091 37.7909 23 40 23Z"/><path d="M16 32C16 38.6274 21.3726 44 28 44C34.6274 44 40 38.6274 40 32V23"/></g></svg>
How to use the Stethoscope icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:stethoscope" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:stethoscope" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:stethoscope" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--stethoscope]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:stethoscope"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:stethoscope"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/stethoscope.svg" alt="Stethoscope icon" width="24" height="24">
Stethoscope icon in other icon sets
Stethoscope icon FAQ
Is the Stethoscope icon free for commercial use?
Yes. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Stethoscope icon in React?
Install @iconify/react and render <Icon icon="icon-park:stethoscope" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Stethoscope icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/stethoscope.svg" alt="Stethoscope icon">, or paste the SVG code inline to style it with CSS.
Browse all IconPark icons →
ICONYZ
