symptoms icon
symptoms-outline from Material Symbols by Google · Outline · Social · Apache-2.0 Free for personal and commercial use.
- Name
- symptoms-outline
- Set
- Material Symbols
- Style
- Outline
- Category
- Social
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- symptoms-outline-sharp
3 other variants in Material Symbols
The same icon in other sets
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="M12 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.675l-1.575-1.475q-1.275-2.5-3.612-3.963T12 6Q9.175 6 6.813 7.488T3.2 11.5q1.25 2.525 3.613 4.013T12 17q.275 0 .538-.012t.537-.063q-.1.5-.1 1.025t.1 1.025Q12.8 19 12.538 19zm0-3q-1.875 0-3.187-1.312T7.5 11.5t1.313-3.187T12 7t3.188 1.313T16.5 11.5q0 .175-.012.338t-.038.337L14.9 13.6q-.475.475-.85 1.013t-.625 1.137q-.35.125-.7.188T12 16m1.913-2.588q.787-.787.787-1.912t-.787-1.912T12 8.8t-1.912.788T9.3 11.5t.788 1.913T12 14.2t1.913-.787M19 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 22m0-2q.825 0 1.413-.6t.562-1.45q0-.425-.187-.8t-.488-.65L19 15.25l-1.325 1.25q-.3.275-.5.663t-.175.812q0 .85.575 1.438T19 20m0-2.375"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsSymptomsOutline(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="M12 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.675l-1.575-1.475q-1.275-2.5-3.612-3.963T12 6Q9.175 6 6.813 7.488T3.2 11.5q1.25 2.525 3.613 4.013T12 17q.275 0 .538-.012t.537-.063q-.1.5-.1 1.025t.1 1.025Q12.8 19 12.538 19zm0-3q-1.875 0-3.187-1.312T7.5 11.5t1.313-3.187T12 7t3.188 1.313T16.5 11.5q0 .175-.012.338t-.038.337L14.9 13.6q-.475.475-.85 1.013t-.625 1.137q-.35.125-.7.188T12 16m1.913-2.588q.787-.787.787-1.912t-.787-1.912T12 8.8t-1.912.788T9.3 11.5t.788 1.913T12 14.2t1.913-.787M19 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 22m0-2q.825 0 1.413-.6t.562-1.45q0-.425-.187-.8t-.488-.65L19 15.25l-1.325 1.25q-.3.275-.5.663t-.175.812q0 .85.575 1.438T19 20m0-2.375"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 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.675l-1.575-1.475q-1.275-2.5-3.612-3.963T12 6Q9.175 6 6.813 7.488T3.2 11.5q1.25 2.525 3.613 4.013T12 17q.275 0 .538-.012t.537-.063q-.1.5-.1 1.025t.1 1.025Q12.8 19 12.538 19zm0-3q-1.875 0-3.187-1.312T7.5 11.5t1.313-3.187T12 7t3.188 1.313T16.5 11.5q0 .175-.012.338t-.038.337L14.9 13.6q-.475.475-.85 1.013t-.625 1.137q-.35.125-.7.188T12 16m1.913-2.588q.787-.787.787-1.912t-.787-1.912T12 8.8t-1.912.788T9.3 11.5t.788 1.913T12 14.2t1.913-.787M19 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 22m0-2q.825 0 1.413-.6t.562-1.45q0-.425-.187-.8t-.488-.65L19 15.25l-1.325 1.25q-.3.275-.5.663t-.175.812q0 .85.575 1.438T19 20m0-2.375"/></svg> </template>
CSS
.icon-symptoms-outline {
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%22M12%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.675l-1.575-1.475q-1.275-2.5-3.612-3.963T12%206Q9.175%206%206.813%207.488T3.2%2011.5q1.25%202.525%203.613%204.013T12%2017q.275%200%20.538-.012t.537-.063q-.1.5-.1%201.025t.1%201.025Q12.8%2019%2012.538%2019zm0-3q-1.875%200-3.187-1.312T7.5%2011.5t1.313-3.187T12%207t3.188%201.313T16.5%2011.5q0%20.175-.012.338t-.038.337L14.9%2013.6q-.475.475-.85%201.013t-.625%201.137q-.35.125-.7.188T12%2016m1.913-2.588q.787-.787.787-1.912t-.787-1.912T12%208.8t-1.912.788T9.3%2011.5t.788%201.913T12%2014.2t1.913-.787M19%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%2022m0-2q.825%200%201.413-.6t.562-1.45q0-.425-.187-.8t-.488-.65L19%2015.25l-1.325%201.25q-.3.275-.5.663t-.175.812q0%20.85.575%201.438T19%2020m0-2.375%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%22M12%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.675l-1.575-1.475q-1.275-2.5-3.612-3.963T12%206Q9.175%206%206.813%207.488T3.2%2011.5q1.25%202.525%203.613%204.013T12%2017q.275%200%20.538-.012t.537-.063q-.1.5-.1%201.025t.1%201.025Q12.8%2019%2012.538%2019zm0-3q-1.875%200-3.187-1.312T7.5%2011.5t1.313-3.187T12%207t3.188%201.313T16.5%2011.5q0%20.175-.012.338t-.038.337L14.9%2013.6q-.475.475-.85%201.013t-.625%201.137q-.35.125-.7.188T12%2016m1.913-2.588q.787-.787.787-1.912t-.787-1.912T12%208.8t-1.912.788T9.3%2011.5t.788%201.913T12%2014.2t1.913-.787M19%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%2022m0-2q.825%200%201.413-.6t.562-1.45q0-.425-.187-.8t-.488-.65L19%2015.25l-1.325%201.25q-.3.275-.5.663t-.175.812q0%20.85.575%201.438T19%2020m0-2.375%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/symptoms-outline.svg?color=%231a73e8&size=48
