clinical notes icon
clinical-notes-outline-sharp from Material Symbols Light by Google · Outline Sharp · Social · Apache-2.0 Free for personal and commercial use.
- Name
- clinical-notes-outline-sharp
- Set
- Material Symbols Light
- Style
- Outline Sharp
- Category
- Social
- Viewbox
- 24×24
- License
- Apache 2.0
5 other variants in Material Symbols Light
The same icon in other sets
More social icons from Material Symbols Light
Use the clinical notes icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M15.366 14.962q-.674-.673-.674-1.635t.674-1.635T17 11.02t1.635.673q.673.674.673 1.635t-.674 1.635t-1.634.673t-1.634-.673m2.558-.711q.384-.384.384-.924t-.384-.924T17 12.02t-.924.384t-.384.924t.384.924t.924.384t.924-.384m-6.232 7.288v-3.102q.858-.504 1.775-.837t1.887-.494L17 19.25l1.627-2.144q.996.127 1.91.486q.913.36 1.77.839v3.107zm.975-1h4.056l-1.754-2.304q-.61.143-1.186.372q-.575.23-1.116.532zm4.61 0h4.03v-1.4q-.534-.308-1.11-.524t-1.186-.361zM8.923 20H4V4h16v5.308q-.227-.212-.461-.383T19 8.662V5H5v14h3.923zM7.5 8.73h7.423q.362-.21.762-.307q.4-.096.815-.134V7.73h-9zm0 3.77h4.52q.038-.275.102-.516q.065-.24.15-.484H7.5zm0 3.77h2.439l1.448-.676v-.325H7.5zM8.923 19H5V5h14v3.656q-.47-.2-.975-.303Q17.519 8.25 17 8.25q-2.107 0-3.592 1.485t-1.485 3.592q0 .497.097.954t.292.884l-3.389 1.572zM17 13.327"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightClinicalNotesOutlineSharp(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="M15.366 14.962q-.674-.673-.674-1.635t.674-1.635T17 11.02t1.635.673q.673.674.673 1.635t-.674 1.635t-1.634.673t-1.634-.673m2.558-.711q.384-.384.384-.924t-.384-.924T17 12.02t-.924.384t-.384.924t.384.924t.924.384t.924-.384m-6.232 7.288v-3.102q.858-.504 1.775-.837t1.887-.494L17 19.25l1.627-2.144q.996.127 1.91.486q.913.36 1.77.839v3.107zm.975-1h4.056l-1.754-2.304q-.61.143-1.186.372q-.575.23-1.116.532zm4.61 0h4.03v-1.4q-.534-.308-1.11-.524t-1.186-.361zM8.923 20H4V4h16v5.308q-.227-.212-.461-.383T19 8.662V5H5v14h3.923zM7.5 8.73h7.423q.362-.21.762-.307q.4-.096.815-.134V7.73h-9zm0 3.77h4.52q.038-.275.102-.516q.065-.24.15-.484H7.5zm0 3.77h2.439l1.448-.676v-.325H7.5zM8.923 19H5V5h14v3.656q-.47-.2-.975-.303Q17.519 8.25 17 8.25q-2.107 0-3.592 1.485t-1.485 3.592q0 .497.097.954t.292.884l-3.389 1.572zM17 13.327"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M15.366 14.962q-.674-.673-.674-1.635t.674-1.635T17 11.02t1.635.673q.673.674.673 1.635t-.674 1.635t-1.634.673t-1.634-.673m2.558-.711q.384-.384.384-.924t-.384-.924T17 12.02t-.924.384t-.384.924t.384.924t.924.384t.924-.384m-6.232 7.288v-3.102q.858-.504 1.775-.837t1.887-.494L17 19.25l1.627-2.144q.996.127 1.91.486q.913.36 1.77.839v3.107zm.975-1h4.056l-1.754-2.304q-.61.143-1.186.372q-.575.23-1.116.532zm4.61 0h4.03v-1.4q-.534-.308-1.11-.524t-1.186-.361zM8.923 20H4V4h16v5.308q-.227-.212-.461-.383T19 8.662V5H5v14h3.923zM7.5 8.73h7.423q.362-.21.762-.307q.4-.096.815-.134V7.73h-9zm0 3.77h4.52q.038-.275.102-.516q.065-.24.15-.484H7.5zm0 3.77h2.439l1.448-.676v-.325H7.5zM8.923 19H5V5h14v3.656q-.47-.2-.975-.303Q17.519 8.25 17 8.25q-2.107 0-3.592 1.485t-1.485 3.592q0 .497.097.954t.292.884l-3.389 1.572zM17 13.327"/></svg> </template>
CSS
.icon-clinical-notes-outline-sharp {
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%22M15.366%2014.962q-.674-.673-.674-1.635t.674-1.635T17%2011.02t1.635.673q.673.674.673%201.635t-.674%201.635t-1.634.673t-1.634-.673m2.558-.711q.384-.384.384-.924t-.384-.924T17%2012.02t-.924.384t-.384.924t.384.924t.924.384t.924-.384m-6.232%207.288v-3.102q.858-.504%201.775-.837t1.887-.494L17%2019.25l1.627-2.144q.996.127%201.91.486q.913.36%201.77.839v3.107zm.975-1h4.056l-1.754-2.304q-.61.143-1.186.372q-.575.23-1.116.532zm4.61%200h4.03v-1.4q-.534-.308-1.11-.524t-1.186-.361zM8.923%2020H4V4h16v5.308q-.227-.212-.461-.383T19%208.662V5H5v14h3.923zM7.5%208.73h7.423q.362-.21.762-.307q.4-.096.815-.134V7.73h-9zm0%203.77h4.52q.038-.275.102-.516q.065-.24.15-.484H7.5zm0%203.77h2.439l1.448-.676v-.325H7.5zM8.923%2019H5V5h14v3.656q-.47-.2-.975-.303Q17.519%208.25%2017%208.25q-2.107%200-3.592%201.485t-1.485%203.592q0%20.497.097.954t.292.884l-3.389%201.572zM17%2013.327%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%22M15.366%2014.962q-.674-.673-.674-1.635t.674-1.635T17%2011.02t1.635.673q.673.674.673%201.635t-.674%201.635t-1.634.673t-1.634-.673m2.558-.711q.384-.384.384-.924t-.384-.924T17%2012.02t-.924.384t-.384.924t.384.924t.924.384t.924-.384m-6.232%207.288v-3.102q.858-.504%201.775-.837t1.887-.494L17%2019.25l1.627-2.144q.996.127%201.91.486q.913.36%201.77.839v3.107zm.975-1h4.056l-1.754-2.304q-.61.143-1.186.372q-.575.23-1.116.532zm4.61%200h4.03v-1.4q-.534-.308-1.11-.524t-1.186-.361zM8.923%2020H4V4h16v5.308q-.227-.212-.461-.383T19%208.662V5H5v14h3.923zM7.5%208.73h7.423q.362-.21.762-.307q.4-.096.815-.134V7.73h-9zm0%203.77h4.52q.038-.275.102-.516q.065-.24.15-.484H7.5zm0%203.77h2.439l1.448-.676v-.325H7.5zM8.923%2019H5V5h14v3.656q-.47-.2-.975-.303Q17.519%208.25%2017%208.25q-2.107%200-3.592%201.485t-1.485%203.592q0%20.497.097.954t.292.884l-3.389%201.572zM17%2013.327%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/clinical-notes-outline-sharp.svg?color=%231a73e8&size=48
