pneumonia icon
pneumonia-outline-24px from Health Icons by Resolve to Save Lives · Outline 24px · Conditions · MIT Free for personal and commercial use.
- Name
- pneumonia-outline-24px
- Set
- Health Icons
- Style
- Outline 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"><g fill="currentColor"><path d="M13 5a1 1 0 1 0-2 0v4.586l-2.207 2.207a1 1 0 1 0 1.414 1.414L12 11.414l1.793 1.793a1 1 0 0 0 1.414-1.414L13 9.586z"/><path d="M7 7a1 1 0 0 0-.814.419c-1.37 1.917-2.316 3.593-2.97 5.41c-.654 1.814-.997 3.722-1.212 6.08A1 1 0 0 0 2.994 20h.1c1.225.009 2.318.016 3.343-.188c1.101-.22 2.095-.672 3.181-1.526A1 1 0 0 0 10 17.5v-2a1 1 0 1 0-2 0v1.497c-.697.485-1.305.724-1.953.853c-.565.113-1.173.145-1.938.152c.207-1.747.51-3.166.988-4.495a16.5 16.5 0 0 1 1.282-2.723a1 1 0 1 0 1.068-1.679L7.518 9h.615A1 1 0 0 0 10 8.5V8a1 1 0 0 0-1-1zm10 0a1 1 0 0 1 .814.419c1.37 1.917 2.317 3.593 2.97 5.41c.654 1.814.998 3.722 1.212 6.08a1 1 0 0 1-.99 1.091h-.1c-1.225.009-2.318.016-3.343-.188c-1.101-.22-2.095-.672-3.181-1.526A1 1 0 0 1 14 17.5v-2a1 1 0 1 1 2 0v1.497c.697.485 1.305.724 1.953.853c.565.113 1.173.145 1.938.152c-.207-1.747-.51-3.166-.988-4.495a16.6 16.6 0 0 0-1.282-2.723a1 1 0 1 1-1.068-1.679L16.482 9h-.615A1 1 0 0 1 14 8.5V8a1 1 0 0 1 1-1z"/><path d="M7 16a1 1 0 1 1-2 0a1 1 0 0 1 2 0m0-2a1 1 0 1 0 0-2a1 1 0 0 0 0 2m11 3a1 1 0 1 1 0-2a1 1 0 0 1 0 2m-2-4a1 1 0 1 0 2 0a1 1 0 0 0-2 0"/></g></svg>
React
import type { SVGProps } from "react";
export function HealthiconsPneumoniaOutline24px(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M13 5a1 1 0 1 0-2 0v4.586l-2.207 2.207a1 1 0 1 0 1.414 1.414L12 11.414l1.793 1.793a1 1 0 0 0 1.414-1.414L13 9.586z"/><path d="M7 7a1 1 0 0 0-.814.419c-1.37 1.917-2.316 3.593-2.97 5.41c-.654 1.814-.997 3.722-1.212 6.08A1 1 0 0 0 2.994 20h.1c1.225.009 2.318.016 3.343-.188c1.101-.22 2.095-.672 3.181-1.526A1 1 0 0 0 10 17.5v-2a1 1 0 1 0-2 0v1.497c-.697.485-1.305.724-1.953.853c-.565.113-1.173.145-1.938.152c.207-1.747.51-3.166.988-4.495a16.5 16.5 0 0 1 1.282-2.723a1 1 0 1 0 1.068-1.679L7.518 9h.615A1 1 0 0 0 10 8.5V8a1 1 0 0 0-1-1zm10 0a1 1 0 0 1 .814.419c1.37 1.917 2.317 3.593 2.97 5.41c.654 1.814.998 3.722 1.212 6.08a1 1 0 0 1-.99 1.091h-.1c-1.225.009-2.318.016-3.343-.188c-1.101-.22-2.095-.672-3.181-1.526A1 1 0 0 1 14 17.5v-2a1 1 0 1 1 2 0v1.497c.697.485 1.305.724 1.953.853c.565.113 1.173.145 1.938.152c-.207-1.747-.51-3.166-.988-4.495a16.6 16.6 0 0 0-1.282-2.723a1 1 0 1 1-1.068-1.679L16.482 9h-.615A1 1 0 0 1 14 8.5V8a1 1 0 0 1 1-1z"/><path d="M7 16a1 1 0 1 1-2 0a1 1 0 0 1 2 0m0-2a1 1 0 1 0 0-2a1 1 0 0 0 0 2m11 3a1 1 0 1 1 0-2a1 1 0 0 1 0 2m-2-4a1 1 0 1 0 2 0a1 1 0 0 0-2 0"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M13 5a1 1 0 1 0-2 0v4.586l-2.207 2.207a1 1 0 1 0 1.414 1.414L12 11.414l1.793 1.793a1 1 0 0 0 1.414-1.414L13 9.586z"/><path d="M7 7a1 1 0 0 0-.814.419c-1.37 1.917-2.316 3.593-2.97 5.41c-.654 1.814-.997 3.722-1.212 6.08A1 1 0 0 0 2.994 20h.1c1.225.009 2.318.016 3.343-.188c1.101-.22 2.095-.672 3.181-1.526A1 1 0 0 0 10 17.5v-2a1 1 0 1 0-2 0v1.497c-.697.485-1.305.724-1.953.853c-.565.113-1.173.145-1.938.152c.207-1.747.51-3.166.988-4.495a16.5 16.5 0 0 1 1.282-2.723a1 1 0 1 0 1.068-1.679L7.518 9h.615A1 1 0 0 0 10 8.5V8a1 1 0 0 0-1-1zm10 0a1 1 0 0 1 .814.419c1.37 1.917 2.317 3.593 2.97 5.41c.654 1.814.998 3.722 1.212 6.08a1 1 0 0 1-.99 1.091h-.1c-1.225.009-2.318.016-3.343-.188c-1.101-.22-2.095-.672-3.181-1.526A1 1 0 0 1 14 17.5v-2a1 1 0 1 1 2 0v1.497c.697.485 1.305.724 1.953.853c.565.113 1.173.145 1.938.152c-.207-1.747-.51-3.166-.988-4.495a16.6 16.6 0 0 0-1.282-2.723a1 1 0 1 1-1.068-1.679L16.482 9h-.615A1 1 0 0 1 14 8.5V8a1 1 0 0 1 1-1z"/><path d="M7 16a1 1 0 1 1-2 0a1 1 0 0 1 2 0m0-2a1 1 0 1 0 0-2a1 1 0 0 0 0 2m11 3a1 1 0 1 1 0-2a1 1 0 0 1 0 2m-2-4a1 1 0 1 0 2 0a1 1 0 0 0-2 0"/></g></svg> </template>
CSS
.icon-pneumonia-outline-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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M13%205a1%201%200%201%200-2%200v4.586l-2.207%202.207a1%201%200%201%200%201.414%201.414L12%2011.414l1.793%201.793a1%201%200%200%200%201.414-1.414L13%209.586z%22%2F%3E%3Cpath%20d%3D%22M7%207a1%201%200%200%200-.814.419c-1.37%201.917-2.316%203.593-2.97%205.41c-.654%201.814-.997%203.722-1.212%206.08A1%201%200%200%200%202.994%2020h.1c1.225.009%202.318.016%203.343-.188c1.101-.22%202.095-.672%203.181-1.526A1%201%200%200%200%2010%2017.5v-2a1%201%200%201%200-2%200v1.497c-.697.485-1.305.724-1.953.853c-.565.113-1.173.145-1.938.152c.207-1.747.51-3.166.988-4.495a16.5%2016.5%200%200%201%201.282-2.723a1%201%200%201%200%201.068-1.679L7.518%209h.615A1%201%200%200%200%2010%208.5V8a1%201%200%200%200-1-1zm10%200a1%201%200%200%201%20.814.419c1.37%201.917%202.317%203.593%202.97%205.41c.654%201.814.998%203.722%201.212%206.08a1%201%200%200%201-.99%201.091h-.1c-1.225.009-2.318.016-3.343-.188c-1.101-.22-2.095-.672-3.181-1.526A1%201%200%200%201%2014%2017.5v-2a1%201%200%201%201%202%200v1.497c.697.485%201.305.724%201.953.853c.565.113%201.173.145%201.938.152c-.207-1.747-.51-3.166-.988-4.495a16.6%2016.6%200%200%200-1.282-2.723a1%201%200%201%201-1.068-1.679L16.482%209h-.615A1%201%200%200%201%2014%208.5V8a1%201%200%200%201%201-1z%22%2F%3E%3Cpath%20d%3D%22M7%2016a1%201%200%201%201-2%200a1%201%200%200%201%202%200m0-2a1%201%200%201%200%200-2a1%201%200%200%200%200%202m11%203a1%201%200%201%201%200-2a1%201%200%200%201%200%202m-2-4a1%201%200%201%200%202%200a1%201%200%200%200-2%200%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%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M13%205a1%201%200%201%200-2%200v4.586l-2.207%202.207a1%201%200%201%200%201.414%201.414L12%2011.414l1.793%201.793a1%201%200%200%200%201.414-1.414L13%209.586z%22%2F%3E%3Cpath%20d%3D%22M7%207a1%201%200%200%200-.814.419c-1.37%201.917-2.316%203.593-2.97%205.41c-.654%201.814-.997%203.722-1.212%206.08A1%201%200%200%200%202.994%2020h.1c1.225.009%202.318.016%203.343-.188c1.101-.22%202.095-.672%203.181-1.526A1%201%200%200%200%2010%2017.5v-2a1%201%200%201%200-2%200v1.497c-.697.485-1.305.724-1.953.853c-.565.113-1.173.145-1.938.152c.207-1.747.51-3.166.988-4.495a16.5%2016.5%200%200%201%201.282-2.723a1%201%200%201%200%201.068-1.679L7.518%209h.615A1%201%200%200%200%2010%208.5V8a1%201%200%200%200-1-1zm10%200a1%201%200%200%201%20.814.419c1.37%201.917%202.317%203.593%202.97%205.41c.654%201.814.998%203.722%201.212%206.08a1%201%200%200%201-.99%201.091h-.1c-1.225.009-2.318.016-3.343-.188c-1.101-.22-2.095-.672-3.181-1.526A1%201%200%200%201%2014%2017.5v-2a1%201%200%201%201%202%200v1.497c.697.485%201.305.724%201.953.853c.565.113%201.173.145%201.938.152c-.207-1.747-.51-3.166-.988-4.495a16.6%2016.6%200%200%200-1.282-2.723a1%201%200%201%201-1.068-1.679L16.482%209h-.615A1%201%200%200%201%2014%208.5V8a1%201%200%200%201%201-1z%22%2F%3E%3Cpath%20d%3D%22M7%2016a1%201%200%201%201-2%200a1%201%200%200%201%202%200m0-2a1%201%200%201%200%200-2a1%201%200%200%200%200%202m11%203a1%201%200%201%201%200-2a1%201%200%200%201%200%202m-2-4a1%201%200%201%200%202%200a1%201%200%200%200-2%200%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/pneumonia-outline-24px.svg?color=%231a73e8&size=48
