medical records icon
medical-records-outline from Health Icons by Resolve to Save Lives · Outline · Specialties · MIT Free for personal and commercial use.
- Name
- medical-records-outline
- Set
- Health Icons
- Style
- Outline
- Category
- Specialties
- Viewbox
- 48×48
- License
- MIT
- Aliases
- medical-records2x-outline
1 other variant in Health Icons
More specialties icons from Health Icons
accident-and-emergencyadmissionsbiochemistry-laboratoryburn-unitcardiologychaplaincycoronary-care-unitcritical-caredischarge-loungeears-nose-and-throatendocrinologyfinance-deptgastroenterologygeneral-surgerygeriatricsgymgynecologyhematologyhematology-laboratoryhepatologyhuman-resorucesintensive-care-unitnephrologyobstetricsmonia
Use the medical records icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M21 10a2 2 0 0 0-2 2h-3a2 2 0 0 0-2 2v22a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V14a2 2 0 0 0-2-2h-3a2 2 0 0 0-2-2zm0 2h6v2h-6zm3.557 16l-2.493 6.649a1 1 0 1 0 1.872.702l1.259-3.355h2.61l1.259 3.355a1 1 0 1 0 1.872-.702L28.444 28h2.858a1 1 0 1 0 0-2h-10.3a1 1 0 0 0 0 2zM31 19.24H17v-2h14zM17 23.4h5v-2h-5zm11.5-.4a2 2 0 1 1-4 0a2 2 0 0 1 4 0"/><path d="M39 8H9a1 1 0 0 0-1 1v30a1 1 0 0 0 1 1h30a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1M9 6a3 3 0 0 0-3 3v30a3 3 0 0 0 3 3h30a3 3 0 0 0 3-3V9a3 3 0 0 0-3-3z"/></g></svg>
React
import type { SVGProps } from "react";
export function HealthiconsMedicalRecordsOutline(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="currentColor" fillRule="evenodd" clipRule="evenodd"><path d="M21 10a2 2 0 0 0-2 2h-3a2 2 0 0 0-2 2v22a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V14a2 2 0 0 0-2-2h-3a2 2 0 0 0-2-2zm0 2h6v2h-6zm3.557 16l-2.493 6.649a1 1 0 1 0 1.872.702l1.259-3.355h2.61l1.259 3.355a1 1 0 1 0 1.872-.702L28.444 28h2.858a1 1 0 1 0 0-2h-10.3a1 1 0 0 0 0 2zM31 19.24H17v-2h14zM17 23.4h5v-2h-5zm11.5-.4a2 2 0 1 1-4 0a2 2 0 0 1 4 0"/><path d="M39 8H9a1 1 0 0 0-1 1v30a1 1 0 0 0 1 1h30a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1M9 6a3 3 0 0 0-3 3v30a3 3 0 0 0 3 3h30a3 3 0 0 0 3-3V9a3 3 0 0 0-3-3z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M21 10a2 2 0 0 0-2 2h-3a2 2 0 0 0-2 2v22a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V14a2 2 0 0 0-2-2h-3a2 2 0 0 0-2-2zm0 2h6v2h-6zm3.557 16l-2.493 6.649a1 1 0 1 0 1.872.702l1.259-3.355h2.61l1.259 3.355a1 1 0 1 0 1.872-.702L28.444 28h2.858a1 1 0 1 0 0-2h-10.3a1 1 0 0 0 0 2zM31 19.24H17v-2h14zM17 23.4h5v-2h-5zm11.5-.4a2 2 0 1 1-4 0a2 2 0 0 1 4 0"/><path d="M39 8H9a1 1 0 0 0-1 1v30a1 1 0 0 0 1 1h30a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1M9 6a3 3 0 0 0-3 3v30a3 3 0 0 0 3 3h30a3 3 0 0 0 3-3V9a3 3 0 0 0-3-3z"/></g></svg> </template>
CSS
.icon-medical-records-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%2048%2048%22%3E%3Cg%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M21%2010a2%202%200%200%200-2%202h-3a2%202%200%200%200-2%202v22a2%202%200%200%200%202%202h16a2%202%200%200%200%202-2V14a2%202%200%200%200-2-2h-3a2%202%200%200%200-2-2zm0%202h6v2h-6zm3.557%2016l-2.493%206.649a1%201%200%201%200%201.872.702l1.259-3.355h2.61l1.259%203.355a1%201%200%201%200%201.872-.702L28.444%2028h2.858a1%201%200%201%200%200-2h-10.3a1%201%200%200%200%200%202zM31%2019.24H17v-2h14zM17%2023.4h5v-2h-5zm11.5-.4a2%202%200%201%201-4%200a2%202%200%200%201%204%200%22%2F%3E%3Cpath%20d%3D%22M39%208H9a1%201%200%200%200-1%201v30a1%201%200%200%200%201%201h30a1%201%200%200%200%201-1V9a1%201%200%200%200-1-1M9%206a3%203%200%200%200-3%203v30a3%203%200%200%200%203%203h30a3%203%200%200%200%203-3V9a3%203%200%200%200-3-3z%22%2F%3E%3C%2Fg%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%2048%2048%22%3E%3Cg%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M21%2010a2%202%200%200%200-2%202h-3a2%202%200%200%200-2%202v22a2%202%200%200%200%202%202h16a2%202%200%200%200%202-2V14a2%202%200%200%200-2-2h-3a2%202%200%200%200-2-2zm0%202h6v2h-6zm3.557%2016l-2.493%206.649a1%201%200%201%200%201.872.702l1.259-3.355h2.61l1.259%203.355a1%201%200%201%200%201.872-.702L28.444%2028h2.858a1%201%200%201%200%200-2h-10.3a1%201%200%200%200%200%202zM31%2019.24H17v-2h14zM17%2023.4h5v-2h-5zm11.5-.4a2%202%200%201%201-4%200a2%202%200%200%201%204%200%22%2F%3E%3Cpath%20d%3D%22M39%208H9a1%201%200%200%200-1%201v30a1%201%200%200%200%201%201h30a1%201%200%200%200%201-1V9a1%201%200%200%200-1-1M9%206a3%203%200%200%200-3%203v30a3%203%200%200%200%203%203h30a3%203%200%200%200%203-3V9a3%203%200%200%200-3-3z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/healthicons/medical-records-outline.svg?color=%231a73e8&size=48
