symptoms icon

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

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

3 other variants in Material Symbols Light

symptoms-outline symptoms-outline-rounded symptoms-rounded

The same icon in other sets

symptomsMaterial Symbols

More social icons from Material Symbols Light

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="M18.276 20.27q-1.259 0-2.123-.878q-.864-.876-.87-2.126q0-.616.253-1.174q.254-.557.72-.998l2.013-1.902l2.008 1.9q.446.424.707.988t.266 1.178q-.02 1.258-.877 2.134q-.857.877-2.097.877m-8.188-6.856Q9.3 12.625 9.3 11.5t.788-1.912T12 8.8t1.913.788t.787 1.912t-.787 1.913T12 14.2t-1.912-.787M11.992 18q-3.247 0-5.916-1.768T2.078 11.5q1.33-2.964 4.001-4.732T11.998 5t5.921 1.768t4.004 4.732q-.15.334-.312.645t-.363.601L18.223 9.93l-2.734 2.611q.082-.251.123-.508t.042-.532q0-1.522-1.067-2.588t-2.592-1.066T9.41 8.913t-1.063 2.592t1.066 2.586q1.065 1.063 2.588 1.063q.408 0 .79-.079q.381-.079.731-.261q-.396.73-.563 1.543t-.018 1.619q-.236.024-.47.024z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightSymptoms(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="M18.276 20.27q-1.259 0-2.123-.878q-.864-.876-.87-2.126q0-.616.253-1.174q.254-.557.72-.998l2.013-1.902l2.008 1.9q.446.424.707.988t.266 1.178q-.02 1.258-.877 2.134q-.857.877-2.097.877m-8.188-6.856Q9.3 12.625 9.3 11.5t.788-1.912T12 8.8t1.913.788t.787 1.912t-.787 1.913T12 14.2t-1.912-.787M11.992 18q-3.247 0-5.916-1.768T2.078 11.5q1.33-2.964 4.001-4.732T11.998 5t5.921 1.768t4.004 4.732q-.15.334-.312.645t-.363.601L18.223 9.93l-2.734 2.611q.082-.251.123-.508t.042-.532q0-1.522-1.067-2.588t-2.592-1.066T9.41 8.913t-1.063 2.592t1.066 2.586q1.065 1.063 2.588 1.063q.408 0 .79-.079q.381-.079.731-.261q-.396.73-.563 1.543t-.018 1.619q-.236.024-.47.024z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.276 20.27q-1.259 0-2.123-.878q-.864-.876-.87-2.126q0-.616.253-1.174q.254-.557.72-.998l2.013-1.902l2.008 1.9q.446.424.707.988t.266 1.178q-.02 1.258-.877 2.134q-.857.877-2.097.877m-8.188-6.856Q9.3 12.625 9.3 11.5t.788-1.912T12 8.8t1.913.788t.787 1.912t-.787 1.913T12 14.2t-1.912-.787M11.992 18q-3.247 0-5.916-1.768T2.078 11.5q1.33-2.964 4.001-4.732T11.998 5t5.921 1.768t4.004 4.732q-.15.334-.312.645t-.363.601L18.223 9.93l-2.734 2.611q.082-.251.123-.508t.042-.532q0-1.522-1.067-2.588t-2.592-1.066T9.41 8.913t-1.063 2.592t1.066 2.586q1.065 1.063 2.588 1.063q.408 0 .79-.079q.381-.079.731-.261q-.396.73-.563 1.543t-.018 1.619q-.236.024-.47.024z"/></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%22M18.276%2020.27q-1.259%200-2.123-.878q-.864-.876-.87-2.126q0-.616.253-1.174q.254-.557.72-.998l2.013-1.902l2.008%201.9q.446.424.707.988t.266%201.178q-.02%201.258-.877%202.134q-.857.877-2.097.877m-8.188-6.856Q9.3%2012.625%209.3%2011.5t.788-1.912T12%208.8t1.913.788t.787%201.912t-.787%201.913T12%2014.2t-1.912-.787M11.992%2018q-3.247%200-5.916-1.768T2.078%2011.5q1.33-2.964%204.001-4.732T11.998%205t5.921%201.768t4.004%204.732q-.15.334-.312.645t-.363.601L18.223%209.93l-2.734%202.611q.082-.251.123-.508t.042-.532q0-1.522-1.067-2.588t-2.592-1.066T9.41%208.913t-1.063%202.592t1.066%202.586q1.065%201.063%202.588%201.063q.408%200%20.79-.079q.381-.079.731-.261q-.396.73-.563%201.543t-.018%201.619q-.236.024-.47.024z%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%22M18.276%2020.27q-1.259%200-2.123-.878q-.864-.876-.87-2.126q0-.616.253-1.174q.254-.557.72-.998l2.013-1.902l2.008%201.9q.446.424.707.988t.266%201.178q-.02%201.258-.877%202.134q-.857.877-2.097.877m-8.188-6.856Q9.3%2012.625%209.3%2011.5t.788-1.912T12%208.8t1.913.788t.787%201.912t-.787%201.913T12%2014.2t-1.912-.787M11.992%2018q-3.247%200-5.916-1.768T2.078%2011.5q1.33-2.964%204.001-4.732T11.998%205t5.921%201.768t4.004%204.732q-.15.334-.312.645t-.363.601L18.223%209.93l-2.734%202.611q.082-.251.123-.508t.042-.532q0-1.522-1.067-2.588t-2.592-1.066T9.41%208.913t-1.063%202.592t1.066%202.586q1.065%201.063%202.588%201.063q.408%200%20.79-.079q.381-.079.731-.261q-.396.73-.563%201.543t-.018%201.619q-.236.024-.47.024z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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