Symptom icon
healthicons:symptom
The Symptom icon (healthicons:symptom) is a free SVG icon from the Health Icons set by Resolve to Save Lives. It is drawn on a 48 × 48 grid. Health Icons are released under the MIT 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
- Health Icons
- Author
- Resolve to Save Lives
- License
- MIT
- Size
- 48 × 48
- Category
- People
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="currentColor"><path d="M35.084 38.183A17.97 17.97 0 0 0 42 24c0-7.857-5.034-14.538-12.052-16.994l.66-1.888C38.408 7.847 44 15.27 44 24c0 6.413-3.018 12.121-7.712 15.781zm-6.618 3.259A18 18 0 0 1 24 42a18 18 0 0 1-4.372-.535l-.475 1.944c1.552.386 3.175.591 4.847.591c1.706 0 3.361-.214 4.942-.615zM6 24c0 5.789 2.733 10.94 6.979 14.232l-1.204 1.598C7.045 36.172 4 30.442 4 24C4 15.27 9.593 7.847 17.391 5.118l.661 1.888C11.034 9.462 6 16.143 6 24M28.5 8.5A4.5 4.5 0 1 1 23.99 4h.02a4.5 4.5 0 0 1 4.49 4.5"/><path fill-rule="evenodd" d="M16 22c.729 0 1.412-.195 2-.535V29v-.003v.001l-.002.011c-.007.046-.032.22-.125.57a22 22 0 0 1-.466 1.485l-.11.316a4 4 0 0 0-2.015 5.098a192 192 0 0 1-1.557 3.593l-.049.108a2 2 0 0 0 3.456 1.977l2.248-3.174a4 4 0 0 0 3.503-4.945L24 32.46l6.868 9.696a2 2 0 0 0 3.456-1.977l-.049-.108a126 126 0 0 1-.645-1.463c-.418-.96-.974-2.258-1.529-3.615a81 81 0 0 1-1.508-3.929a22 22 0 0 1-.466-1.486c-.093-.35-.118-.523-.125-.569l-.001-.01q0-.005-.001.001v-2.535A3.998 3.998 0 0 0 30.646 20H36a2 2 0 1 0 0-4H19.465A4 4 0 0 0 16 14c-1.48 0-2.773.804-3.465 2H12a2 2 0 1 0 0 4h.535A4 4 0 0 0 16 22m2-4a2 2 0 1 1-4 0a2 2 0 0 1 4 0m12 5a2 2 0 1 1-4 0a2 2 0 0 1 4 0m-9 12a2 2 0 1 1-4 0a2 2 0 0 1 4 0" clip-rule="evenodd"/></g></svg>How to use the Symptom icon
React
import { Icon } from "@iconify/react";
<Icon icon="healthicons:symptom" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="healthicons:symptom" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="healthicons:symptom" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[healthicons--symptom]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/healthicons -->
<div class="i-healthicons:symptom"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="healthicons:symptom"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/healthicons/symptom.svg" alt="Symptom icon" width="24" height="24">Related icons in Health Icons
Symptom icon FAQ
Is the Symptom icon free for commercial use?
Yes. Health Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Symptom icon in React?
Install @iconify/react and render <Icon icon="healthicons:symptom" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Symptom icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/healthicons/symptom.svg" alt="Symptom icon">, or paste the SVG code inline to style it with CSS.