symptoms icon

symptoms from Material Symbols by Google · Regular · Social · Apache-2.0 Free for personal and commercial use.

Name: symptoms
Set: Material Symbols
Style: Regular
Category: Social
Viewbox: 24×24
License: Apache 2.0
Aliases: symptoms-sharp

3 other variants in Material Symbols

symptoms-outline symptoms-outline-rounded symptoms-rounded

The same icon in other sets

symptomsMaterial Symbols Light

More social icons from Material Symbols

Use the symptoms icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19 22q-1.675 0-2.838-1.175t-1.187-2.85q0-.825.35-1.575t.95-1.325L19 12.5l2.7 2.575q.6.575.938 1.313T23 17.95q0 1.7-1.175 2.875T19 22m-8.912-8.587Q9.3 12.625 9.3 11.5t.788-1.912T12 8.8t1.913.788t.787 1.912t-.787 1.913T12 14.2t-1.912-.787M12 19q-3.65 0-6.65-2.037T1 11.5q1.35-3.425 4.35-5.462T12 4t6.65 2.038T23 11.5q-.15.375-.312.725t-.363.675L19.05 9.775l-2.6 2.4q.025-.175.038-.337t.012-.338q0-1.875-1.312-3.187T12 7T8.813 8.313T7.5 11.5t1.313 3.188T12 16q.375 0 .725-.05t.7-.175q-.3.75-.4 1.562t.05 1.638Q12.8 19 12.538 19z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsSymptoms(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19 22q-1.675 0-2.838-1.175t-1.187-2.85q0-.825.35-1.575t.95-1.325L19 12.5l2.7 2.575q.6.575.938 1.313T23 17.95q0 1.7-1.175 2.875T19 22m-8.912-8.587Q9.3 12.625 9.3 11.5t.788-1.912T12 8.8t1.913.788t.787 1.912t-.787 1.913T12 14.2t-1.912-.787M12 19q-3.65 0-6.65-2.037T1 11.5q1.35-3.425 4.35-5.462T12 4t6.65 2.038T23 11.5q-.15.375-.312.725t-.363.675L19.05 9.775l-2.6 2.4q.025-.175.038-.337t.012-.338q0-1.875-1.312-3.187T12 7T8.813 8.313T7.5 11.5t1.313 3.188T12 16q.375 0 .725-.05t.7-.175q-.3.75-.4 1.562t.05 1.638Q12.8 19 12.538 19z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19 22q-1.675 0-2.838-1.175t-1.187-2.85q0-.825.35-1.575t.95-1.325L19 12.5l2.7 2.575q.6.575.938 1.313T23 17.95q0 1.7-1.175 2.875T19 22m-8.912-8.587Q9.3 12.625 9.3 11.5t.788-1.912T12 8.8t1.913.788t.787 1.912t-.787 1.913T12 14.2t-1.912-.787M12 19q-3.65 0-6.65-2.037T1 11.5q1.35-3.425 4.35-5.462T12 4t6.65 2.038T23 11.5q-.15.375-.312.725t-.363.675L19.05 9.775l-2.6 2.4q.025-.175.038-.337t.012-.338q0-1.875-1.312-3.187T12 7T8.813 8.313T7.5 11.5t1.313 3.188T12 16q.375 0 .725-.05t.7-.175q-.3.75-.4 1.562t.05 1.638Q12.8 19 12.538 19z"/></svg>
</template>

CSS

.icon-symptoms {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19%2022q-1.675%200-2.838-1.175t-1.187-2.85q0-.825.35-1.575t.95-1.325L19%2012.5l2.7%202.575q.6.575.938%201.313T23%2017.95q0%201.7-1.175%202.875T19%2022m-8.912-8.587Q9.3%2012.625%209.3%2011.5t.788-1.912T12%208.8t1.913.788t.787%201.912t-.787%201.913T12%2014.2t-1.912-.787M12%2019q-3.65%200-6.65-2.037T1%2011.5q1.35-3.425%204.35-5.462T12%204t6.65%202.038T23%2011.5q-.15.375-.312.725t-.363.675L19.05%209.775l-2.6%202.4q.025-.175.038-.337t.012-.338q0-1.875-1.312-3.187T12%207T8.813%208.313T7.5%2011.5t1.313%203.188T12%2016q.375%200%20.725-.05t.7-.175q-.3.75-.4%201.562t.05%201.638Q12.8%2019%2012.538%2019z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19%2022q-1.675%200-2.838-1.175t-1.187-2.85q0-.825.35-1.575t.95-1.325L19%2012.5l2.7%202.575q.6.575.938%201.313T23%2017.95q0%201.7-1.175%202.875T19%2022m-8.912-8.587Q9.3%2012.625%209.3%2011.5t.788-1.912T12%208.8t1.913.788t.787%201.912t-.787%201.913T12%2014.2t-1.912-.787M12%2019q-3.65%200-6.65-2.037T1%2011.5q1.35-3.425%204.35-5.462T12%204t6.65%202.038T23%2011.5q-.15.375-.312.725t-.363.675L19.05%209.775l-2.6%202.4q.025-.175.038-.337t.012-.338q0-1.875-1.312-3.187T12%207T8.813%208.313T7.5%2011.5t1.313%203.188T12%2016q.375%200%20.725-.05t.7-.175q-.3.75-.4%201.562t.05%201.638Q12.8%2019%2012.538%2019z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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