pneumonia icon
pneumonia-24px from Health Icons by Resolve to Save Lives · Filled 24px · Conditions · MIT Free for personal and commercial use.
- Name
- pneumonia-24px
- Set
- Health Icons
- Style
- Filled 24px
- Category
- Conditions
- Viewbox
- 24×24
- 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 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 4a1 1 0 0 1 1 1v4.707l1.146 1.147a.5.5 0 0 0 .708-.708L14 9.293V8a1 1 0 0 1 1-1h2a1 1 0 0 1 .814.419c1.37 1.917 2.316 3.593 2.97 5.41c.654 1.814.998 3.722 1.212 6.08a1 1 0 0 1-.99 1.091h-.105c-1.229.009-2.324.016-3.353-.191c-1.095-.22-2.085-.673-3.166-1.523A1 1 0 0 1 14 17.5v-4.134a1 1 0 0 1-.207-.159L12 11.414l-1.793 1.793a1 1 0 0 1-.207.16V17.5a1 1 0 0 1-.382.786c-1.08.85-2.07 1.303-3.166 1.523c-1.029.207-2.125.2-3.353.192L2.994 20a1 1 0 0 1-.99-1.09c.215-2.36.558-4.267 1.211-6.08c.655-1.818 1.602-3.494 2.971-5.411A1 1 0 0 1 7 7h2a1 1 0 0 1 1 1v1.293l-.854.853a.5.5 0 0 0 .708.708L11 9.707V5a1 1 0 0 1 1-1m4 6a1 1 0 1 0 2 0a1 1 0 0 0-2 0m2 4a1 1 0 1 0 2 0a1 1 0 0 0-2 0m-2 3a1 1 0 1 0 2 0a1 1 0 0 0-2 0m4 2a1 1 0 1 1 0-2a1 1 0 0 1 0 2m-4-5a1 1 0 1 1 0-2a1 1 0 0 1 0 2m-8 3a1 1 0 1 1-2 0a1 1 0 0 1 2 0m-3-2a1 1 0 1 0 0-2a1 1 0 0 0 0 2m0 3a1 1 0 1 1-2 0a1 1 0 0 1 2 0m2-7a1 1 0 1 0 0-2a1 1 0 0 0 0 2m2 2a1 1 0 1 1-2 0a1 1 0 0 1 2 0" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function HealthiconsPneumonia24px(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" fillRule="evenodd" d="M12 4a1 1 0 0 1 1 1v4.707l1.146 1.147a.5.5 0 0 0 .708-.708L14 9.293V8a1 1 0 0 1 1-1h2a1 1 0 0 1 .814.419c1.37 1.917 2.316 3.593 2.97 5.41c.654 1.814.998 3.722 1.212 6.08a1 1 0 0 1-.99 1.091h-.105c-1.229.009-2.324.016-3.353-.191c-1.095-.22-2.085-.673-3.166-1.523A1 1 0 0 1 14 17.5v-4.134a1 1 0 0 1-.207-.159L12 11.414l-1.793 1.793a1 1 0 0 1-.207.16V17.5a1 1 0 0 1-.382.786c-1.08.85-2.07 1.303-3.166 1.523c-1.029.207-2.125.2-3.353.192L2.994 20a1 1 0 0 1-.99-1.09c.215-2.36.558-4.267 1.211-6.08c.655-1.818 1.602-3.494 2.971-5.411A1 1 0 0 1 7 7h2a1 1 0 0 1 1 1v1.293l-.854.853a.5.5 0 0 0 .708.708L11 9.707V5a1 1 0 0 1 1-1m4 6a1 1 0 1 0 2 0a1 1 0 0 0-2 0m2 4a1 1 0 1 0 2 0a1 1 0 0 0-2 0m-2 3a1 1 0 1 0 2 0a1 1 0 0 0-2 0m4 2a1 1 0 1 1 0-2a1 1 0 0 1 0 2m-4-5a1 1 0 1 1 0-2a1 1 0 0 1 0 2m-8 3a1 1 0 1 1-2 0a1 1 0 0 1 2 0m-3-2a1 1 0 1 0 0-2a1 1 0 0 0 0 2m0 3a1 1 0 1 1-2 0a1 1 0 0 1 2 0m2-7a1 1 0 1 0 0-2a1 1 0 0 0 0 2m2 2a1 1 0 1 1-2 0a1 1 0 0 1 2 0" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 4a1 1 0 0 1 1 1v4.707l1.146 1.147a.5.5 0 0 0 .708-.708L14 9.293V8a1 1 0 0 1 1-1h2a1 1 0 0 1 .814.419c1.37 1.917 2.316 3.593 2.97 5.41c.654 1.814.998 3.722 1.212 6.08a1 1 0 0 1-.99 1.091h-.105c-1.229.009-2.324.016-3.353-.191c-1.095-.22-2.085-.673-3.166-1.523A1 1 0 0 1 14 17.5v-4.134a1 1 0 0 1-.207-.159L12 11.414l-1.793 1.793a1 1 0 0 1-.207.16V17.5a1 1 0 0 1-.382.786c-1.08.85-2.07 1.303-3.166 1.523c-1.029.207-2.125.2-3.353.192L2.994 20a1 1 0 0 1-.99-1.09c.215-2.36.558-4.267 1.211-6.08c.655-1.818 1.602-3.494 2.971-5.411A1 1 0 0 1 7 7h2a1 1 0 0 1 1 1v1.293l-.854.853a.5.5 0 0 0 .708.708L11 9.707V5a1 1 0 0 1 1-1m4 6a1 1 0 1 0 2 0a1 1 0 0 0-2 0m2 4a1 1 0 1 0 2 0a1 1 0 0 0-2 0m-2 3a1 1 0 1 0 2 0a1 1 0 0 0-2 0m4 2a1 1 0 1 1 0-2a1 1 0 0 1 0 2m-4-5a1 1 0 1 1 0-2a1 1 0 0 1 0 2m-8 3a1 1 0 1 1-2 0a1 1 0 0 1 2 0m-3-2a1 1 0 1 0 0-2a1 1 0 0 0 0 2m0 3a1 1 0 1 1-2 0a1 1 0 0 1 2 0m2-7a1 1 0 1 0 0-2a1 1 0 0 0 0 2m2 2a1 1 0 1 1-2 0a1 1 0 0 1 2 0" clip-rule="evenodd"/></svg> </template>
CSS
.icon-pneumonia-24px {
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%20fill-rule%3D%22evenodd%22%20d%3D%22M12%204a1%201%200%200%201%201%201v4.707l1.146%201.147a.5.5%200%200%200%20.708-.708L14%209.293V8a1%201%200%200%201%201-1h2a1%201%200%200%201%20.814.419c1.37%201.917%202.316%203.593%202.97%205.41c.654%201.814.998%203.722%201.212%206.08a1%201%200%200%201-.99%201.091h-.105c-1.229.009-2.324.016-3.353-.191c-1.095-.22-2.085-.673-3.166-1.523A1%201%200%200%201%2014%2017.5v-4.134a1%201%200%200%201-.207-.159L12%2011.414l-1.793%201.793a1%201%200%200%201-.207.16V17.5a1%201%200%200%201-.382.786c-1.08.85-2.07%201.303-3.166%201.523c-1.029.207-2.125.2-3.353.192L2.994%2020a1%201%200%200%201-.99-1.09c.215-2.36.558-4.267%201.211-6.08c.655-1.818%201.602-3.494%202.971-5.411A1%201%200%200%201%207%207h2a1%201%200%200%201%201%201v1.293l-.854.853a.5.5%200%200%200%20.708.708L11%209.707V5a1%201%200%200%201%201-1m4%206a1%201%200%201%200%202%200a1%201%200%200%200-2%200m2%204a1%201%200%201%200%202%200a1%201%200%200%200-2%200m-2%203a1%201%200%201%200%202%200a1%201%200%200%200-2%200m4%202a1%201%200%201%201%200-2a1%201%200%200%201%200%202m-4-5a1%201%200%201%201%200-2a1%201%200%200%201%200%202m-8%203a1%201%200%201%201-2%200a1%201%200%200%201%202%200m-3-2a1%201%200%201%200%200-2a1%201%200%200%200%200%202m0%203a1%201%200%201%201-2%200a1%201%200%200%201%202%200m2-7a1%201%200%201%200%200-2a1%201%200%200%200%200%202m2%202a1%201%200%201%201-2%200a1%201%200%200%201%202%200%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%204a1%201%200%200%201%201%201v4.707l1.146%201.147a.5.5%200%200%200%20.708-.708L14%209.293V8a1%201%200%200%201%201-1h2a1%201%200%200%201%20.814.419c1.37%201.917%202.316%203.593%202.97%205.41c.654%201.814.998%203.722%201.212%206.08a1%201%200%200%201-.99%201.091h-.105c-1.229.009-2.324.016-3.353-.191c-1.095-.22-2.085-.673-3.166-1.523A1%201%200%200%201%2014%2017.5v-4.134a1%201%200%200%201-.207-.159L12%2011.414l-1.793%201.793a1%201%200%200%201-.207.16V17.5a1%201%200%200%201-.382.786c-1.08.85-2.07%201.303-3.166%201.523c-1.029.207-2.125.2-3.353.192L2.994%2020a1%201%200%200%201-.99-1.09c.215-2.36.558-4.267%201.211-6.08c.655-1.818%201.602-3.494%202.971-5.411A1%201%200%200%201%207%207h2a1%201%200%200%201%201%201v1.293l-.854.853a.5.5%200%200%200%20.708.708L11%209.707V5a1%201%200%200%201%201-1m4%206a1%201%200%201%200%202%200a1%201%200%200%200-2%200m2%204a1%201%200%201%200%202%200a1%201%200%200%200-2%200m-2%203a1%201%200%201%200%202%200a1%201%200%200%200-2%200m4%202a1%201%200%201%201%200-2a1%201%200%200%201%200%202m-4-5a1%201%200%201%201%200-2a1%201%200%200%201%200%202m-8%203a1%201%200%201%201-2%200a1%201%200%200%201%202%200m-3-2a1%201%200%201%200%200-2a1%201%200%200%200%200%202m0%203a1%201%200%201%201-2%200a1%201%200%200%201%202%200m2-7a1%201%200%201%200%200-2a1%201%200%200%200%200%202m2%202a1%201%200%201%201-2%200a1%201%200%200%201%202%200%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-24px.svg?color=%231a73e8&size=48
