oral disease icon

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

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

3 other variants in Material Symbols Light

oral-disease-outline oral-disease-outline-rounded oral-disease-rounded

The same icon in other sets

oral-diseaseMaterial Symbols

More social icons from Material Symbols Light

Use the oral disease icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.385 20.616V13H8V9.092L4.792 5.884L8.1 2.597l.689.688l-2.581 2.6L9 8.678V13h1.616v7.616zm7 0V13H15V9.952q-1.108-.177-1.861-1.038q-.754-.861-.754-2.03q0-1.303.906-2.209q.905-.906 2.209-.906t2.21.906t.906 2.21q0 1.168-.754 2.029T16 9.952V13h1.616v7.616zM15.506 9q.876 0 1.492-.623q.617-.624.617-1.5t-.62-1.492t-1.49-.616t-1.496.62t-.626 1.49t.624 1.495t1.5.626"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightOralDisease(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="M6.385 20.616V13H8V9.092L4.792 5.884L8.1 2.597l.689.688l-2.581 2.6L9 8.678V13h1.616v7.616zm7 0V13H15V9.952q-1.108-.177-1.861-1.038q-.754-.861-.754-2.03q0-1.303.906-2.209q.905-.906 2.209-.906t2.21.906t.906 2.21q0 1.168-.754 2.029T16 9.952V13h1.616v7.616zM15.506 9q.876 0 1.492-.623q.617-.624.617-1.5t-.62-1.492t-1.49-.616t-1.496.62t-.626 1.49t.624 1.495t1.5.626"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.385 20.616V13H8V9.092L4.792 5.884L8.1 2.597l.689.688l-2.581 2.6L9 8.678V13h1.616v7.616zm7 0V13H15V9.952q-1.108-.177-1.861-1.038q-.754-.861-.754-2.03q0-1.303.906-2.209q.905-.906 2.209-.906t2.21.906t.906 2.21q0 1.168-.754 2.029T16 9.952V13h1.616v7.616zM15.506 9q.876 0 1.492-.623q.617-.624.617-1.5t-.62-1.492t-1.49-.616t-1.496.62t-.626 1.49t.624 1.495t1.5.626"/></svg>
</template>

CSS

.icon-oral-disease {
  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%22M6.385%2020.616V13H8V9.092L4.792%205.884L8.1%202.597l.689.688l-2.581%202.6L9%208.678V13h1.616v7.616zm7%200V13H15V9.952q-1.108-.177-1.861-1.038q-.754-.861-.754-2.03q0-1.303.906-2.209q.905-.906%202.209-.906t2.21.906t.906%202.21q0%201.168-.754%202.029T16%209.952V13h1.616v7.616zM15.506%209q.876%200%201.492-.623q.617-.624.617-1.5t-.62-1.492t-1.49-.616t-1.496.62t-.626%201.49t.624%201.495t1.5.626%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%22M6.385%2020.616V13H8V9.092L4.792%205.884L8.1%202.597l.689.688l-2.581%202.6L9%208.678V13h1.616v7.616zm7%200V13H15V9.952q-1.108-.177-1.861-1.038q-.754-.861-.754-2.03q0-1.303.906-2.209q.905-.906%202.209-.906t2.21.906t.906%202.21q0%201.168-.754%202.029T16%209.952V13h1.616v7.616zM15.506%209q.876%200%201.492-.623q.617-.624.617-1.5t-.62-1.492t-1.49-.616t-1.496.62t-.626%201.49t.624%201.495t1.5.626%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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