pneumonia icon
pneumonia from Health Icons by Resolve to Save Lives · Filled · Conditions · MIT Free for personal and commercial use.
- Name
- pneumonia
- Set
- Health Icons
- Style
- Filled
- Category
- Conditions
- Viewbox
- 48×48
- License
- MIT
3 other variants in Health Icons
More conditions icons from Health Icons
Use the pneumonia icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M16.505 12.025c5.132 0 5.356 6.118 5.333 9.773q.09-.039.18-.088c.25-.137.483-.334.658-.623c.174-.288.324-.723.324-1.393V6.002h2v13.69c0 .67.15 1.105.325 1.393s.408.485.658.622q.07.04.14.07c-.023-3.654.203-9.768 5.333-9.768c7.45 0 12.772 26.006 9.58 28.66c-3.194 2.654-9.58 1.061-12.773-2.123c-2.578-2.571-2.355-8.579-2.195-12.891c.023-.634.045-1.23.057-1.774a4.4 4.4 0 0 1-1.107-.422A3.8 3.8 0 0 1 24 22.65a3.8 3.8 0 0 1-1.018.813a4.4 4.4 0 0 1-1.147.43c.011.546.034 1.144.057 1.778c.16 4.313.383 10.321-2.195 12.892c-3.193 3.185-9.579 4.777-12.772 2.123s2.129-28.66 9.58-28.66M34.042 17a2 2 0 1 1-3.998-.002a2 2 0 0 1 3.998.002m-20.04.004a2 2 0 1 0 4-.003a2 2 0 0 0-4 .003m-5.013 20a2 2 0 1 0 4-.003a2 2 0 0 0-4 .003m8.015-3.001a2 2 0 1 1-.004-4a2 2 0 0 1 .004 4m-7.002-5.999a2 2 0 1 0 4-.003a2 2 0 0 0-4 .003m7.002-3.001a2 2 0 1 1-.004-4a2 2 0 0 1 .004 4m20.022 13.995A2 2 0 1 0 37.027 35a2 2 0 0 0-.001 3.998M33.03 32a2 2 0 1 1-3.999-.002A2 2 0 0 1 33.03 32m3.003-2.002A2 2 0 1 0 36.035 26a2 2 0 0 0-.002 3.998M33.037 23a2 2 0 1 1-3.998-.002a2 2 0 0 1 3.998.002" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function HealthiconsPneumonia(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" fillRule="evenodd" d="M16.505 12.025c5.132 0 5.356 6.118 5.333 9.773q.09-.039.18-.088c.25-.137.483-.334.658-.623c.174-.288.324-.723.324-1.393V6.002h2v13.69c0 .67.15 1.105.325 1.393s.408.485.658.622q.07.04.14.07c-.023-3.654.203-9.768 5.333-9.768c7.45 0 12.772 26.006 9.58 28.66c-3.194 2.654-9.58 1.061-12.773-2.123c-2.578-2.571-2.355-8.579-2.195-12.891c.023-.634.045-1.23.057-1.774a4.4 4.4 0 0 1-1.107-.422A3.8 3.8 0 0 1 24 22.65a3.8 3.8 0 0 1-1.018.813a4.4 4.4 0 0 1-1.147.43c.011.546.034 1.144.057 1.778c.16 4.313.383 10.321-2.195 12.892c-3.193 3.185-9.579 4.777-12.772 2.123s2.129-28.66 9.58-28.66M34.042 17a2 2 0 1 1-3.998-.002a2 2 0 0 1 3.998.002m-20.04.004a2 2 0 1 0 4-.003a2 2 0 0 0-4 .003m-5.013 20a2 2 0 1 0 4-.003a2 2 0 0 0-4 .003m8.015-3.001a2 2 0 1 1-.004-4a2 2 0 0 1 .004 4m-7.002-5.999a2 2 0 1 0 4-.003a2 2 0 0 0-4 .003m7.002-3.001a2 2 0 1 1-.004-4a2 2 0 0 1 .004 4m20.022 13.995A2 2 0 1 0 37.027 35a2 2 0 0 0-.001 3.998M33.03 32a2 2 0 1 1-3.999-.002A2 2 0 0 1 33.03 32m3.003-2.002A2 2 0 1 0 36.035 26a2 2 0 0 0-.002 3.998M33.037 23a2 2 0 1 1-3.998-.002a2 2 0 0 1 3.998.002" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M16.505 12.025c5.132 0 5.356 6.118 5.333 9.773q.09-.039.18-.088c.25-.137.483-.334.658-.623c.174-.288.324-.723.324-1.393V6.002h2v13.69c0 .67.15 1.105.325 1.393s.408.485.658.622q.07.04.14.07c-.023-3.654.203-9.768 5.333-9.768c7.45 0 12.772 26.006 9.58 28.66c-3.194 2.654-9.58 1.061-12.773-2.123c-2.578-2.571-2.355-8.579-2.195-12.891c.023-.634.045-1.23.057-1.774a4.4 4.4 0 0 1-1.107-.422A3.8 3.8 0 0 1 24 22.65a3.8 3.8 0 0 1-1.018.813a4.4 4.4 0 0 1-1.147.43c.011.546.034 1.144.057 1.778c.16 4.313.383 10.321-2.195 12.892c-3.193 3.185-9.579 4.777-12.772 2.123s2.129-28.66 9.58-28.66M34.042 17a2 2 0 1 1-3.998-.002a2 2 0 0 1 3.998.002m-20.04.004a2 2 0 1 0 4-.003a2 2 0 0 0-4 .003m-5.013 20a2 2 0 1 0 4-.003a2 2 0 0 0-4 .003m8.015-3.001a2 2 0 1 1-.004-4a2 2 0 0 1 .004 4m-7.002-5.999a2 2 0 1 0 4-.003a2 2 0 0 0-4 .003m7.002-3.001a2 2 0 1 1-.004-4a2 2 0 0 1 .004 4m20.022 13.995A2 2 0 1 0 37.027 35a2 2 0 0 0-.001 3.998M33.03 32a2 2 0 1 1-3.999-.002A2 2 0 0 1 33.03 32m3.003-2.002A2 2 0 1 0 36.035 26a2 2 0 0 0-.002 3.998M33.037 23a2 2 0 1 1-3.998-.002a2 2 0 0 1 3.998.002" clip-rule="evenodd"/></svg> </template>
CSS
.icon-pneumonia {
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%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M16.505%2012.025c5.132%200%205.356%206.118%205.333%209.773q.09-.039.18-.088c.25-.137.483-.334.658-.623c.174-.288.324-.723.324-1.393V6.002h2v13.69c0%20.67.15%201.105.325%201.393s.408.485.658.622q.07.04.14.07c-.023-3.654.203-9.768%205.333-9.768c7.45%200%2012.772%2026.006%209.58%2028.66c-3.194%202.654-9.58%201.061-12.773-2.123c-2.578-2.571-2.355-8.579-2.195-12.891c.023-.634.045-1.23.057-1.774a4.4%204.4%200%200%201-1.107-.422A3.8%203.8%200%200%201%2024%2022.65a3.8%203.8%200%200%201-1.018.813a4.4%204.4%200%200%201-1.147.43c.011.546.034%201.144.057%201.778c.16%204.313.383%2010.321-2.195%2012.892c-3.193%203.185-9.579%204.777-12.772%202.123s2.129-28.66%209.58-28.66M34.042%2017a2%202%200%201%201-3.998-.002a2%202%200%200%201%203.998.002m-20.04.004a2%202%200%201%200%204-.003a2%202%200%200%200-4%20.003m-5.013%2020a2%202%200%201%200%204-.003a2%202%200%200%200-4%20.003m8.015-3.001a2%202%200%201%201-.004-4a2%202%200%200%201%20.004%204m-7.002-5.999a2%202%200%201%200%204-.003a2%202%200%200%200-4%20.003m7.002-3.001a2%202%200%201%201-.004-4a2%202%200%200%201%20.004%204m20.022%2013.995A2%202%200%201%200%2037.027%2035a2%202%200%200%200-.001%203.998M33.03%2032a2%202%200%201%201-3.999-.002A2%202%200%200%201%2033.03%2032m3.003-2.002A2%202%200%201%200%2036.035%2026a2%202%200%200%200-.002%203.998M33.037%2023a2%202%200%201%201-3.998-.002a2%202%200%200%201%203.998.002%22%20clip-rule%3D%22evenodd%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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M16.505%2012.025c5.132%200%205.356%206.118%205.333%209.773q.09-.039.18-.088c.25-.137.483-.334.658-.623c.174-.288.324-.723.324-1.393V6.002h2v13.69c0%20.67.15%201.105.325%201.393s.408.485.658.622q.07.04.14.07c-.023-3.654.203-9.768%205.333-9.768c7.45%200%2012.772%2026.006%209.58%2028.66c-3.194%202.654-9.58%201.061-12.773-2.123c-2.578-2.571-2.355-8.579-2.195-12.891c.023-.634.045-1.23.057-1.774a4.4%204.4%200%200%201-1.107-.422A3.8%203.8%200%200%201%2024%2022.65a3.8%203.8%200%200%201-1.018.813a4.4%204.4%200%200%201-1.147.43c.011.546.034%201.144.057%201.778c.16%204.313.383%2010.321-2.195%2012.892c-3.193%203.185-9.579%204.777-12.772%202.123s2.129-28.66%209.58-28.66M34.042%2017a2%202%200%201%201-3.998-.002a2%202%200%200%201%203.998.002m-20.04.004a2%202%200%201%200%204-.003a2%202%200%200%200-4%20.003m-5.013%2020a2%202%200%201%200%204-.003a2%202%200%200%200-4%20.003m8.015-3.001a2%202%200%201%201-.004-4a2%202%200%200%201%20.004%204m-7.002-5.999a2%202%200%201%200%204-.003a2%202%200%200%200-4%20.003m7.002-3.001a2%202%200%201%201-.004-4a2%202%200%200%201%20.004%204m20.022%2013.995A2%202%200%201%200%2037.027%2035a2%202%200%200%200-.001%203.998M33.03%2032a2%202%200%201%201-3.999-.002A2%202%200%200%201%2033.03%2032m3.003-2.002A2%202%200%201%200%2036.035%2026a2%202%200%200%200-.002%203.998M33.037%2023a2%202%200%201%201-3.998-.002a2%202%200%200%201%203.998.002%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/healthicons/pneumonia.svg?color=%231a73e8&size=48
