chart infected increasing negative icon

chart-infected-increasing-negative from Health Icons by Resolve to Save Lives · Filled · MIT Free for personal and commercial use.

Name
chart-infected-increasing-negative
Set
Health Icons
Style
Filled
Viewbox
48×48
License
MIT

Related icons in Health Icons

Use the chart infected increasing negative icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><g clip-path="url(#healthiconsChartInfectedIncreasingNegative)"><path fill="currentColor" fill-rule="evenodd" d="M0 0h48v48H0zm24.097 19.661a5.5 5.5 0 0 1-2.597 1.248v2.102A1 1 0 0 1 21.35 25h-1.7a1 1 0 0 1-.15-1.989V20.91a5.5 5.5 0 0 1-2.117-.877l-1.419 1.418l.143.143a1 1 0 0 1-1.414 1.414l-1.7-1.7a1 1 0 0 1 1.414-1.414l.143.143l1.418-1.419a5.5 5.5 0 0 1-.877-2.117h-2.102A1 1 0 0 1 11 16.35v-1.7a1 1 0 0 1 1.989-.15h2.102a5.5 5.5 0 0 1 .877-2.117l-1.418-1.419l-.143.143a1 1 0 0 1-1.414-1.414l1.7-1.7a1 1 0 1 1 1.414 1.414l-.143.143l1.418 1.418a5.5 5.5 0 0 1 2.118-.877V7.989A1 1 0 0 1 19.65 6h1.7a1 1 0 0 1 .15 1.989v2.102a5.5 5.5 0 0 1 2.117.877l1.419-1.418l-.143-.143a1 1 0 0 1 1.414-1.414l1.7 1.7a1 1 0 0 1-1.414 1.414l-.143-.143l-1.418 1.418c.43.625.735 1.343.877 2.118h2.102a1 1 0 0 1 1.989.15v1.7a1 1 0 0 1-1.989.15H25.91a5.5 5.5 0 0 1-.555 1.59l1.946 1.946l.143-.143a1 1 0 0 1 1.414 1.414l-1.7 1.7a1 1 0 0 1-1.414-1.414l.143-.143zm16.018-.196l-1.445-2.753c-1.613 7.111-4.99 12.125-9.622 15.39C24.112 35.582 17.858 37 11.052 37H8v3h34v2H7a1 1 0 0 1-1-1V6h2v29h3.052c6.552 0 12.354-1.368 16.843-4.532c4.153-2.927 7.277-7.457 8.803-14.106l-2.133 1.463a1 1 0 1 1-1.13-1.65l4.374-3a1 1 0 0 1 1.451.36l2.625 5a1 1 0 1 1-1.77.93" clip-rule="evenodd"/></g><defs><clipPath id="healthiconsChartInfectedIncreasingNegative"><path d="M0 0h48v48H0z"/></clipPath></defs></g></svg>

React

import type { SVGProps } from "react";

export function HealthiconsChartInfectedIncreasingNegative(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><g clipPath="url(#healthiconsChartInfectedIncreasingNegative)"><path fill="currentColor" fillRule="evenodd" d="M0 0h48v48H0zm24.097 19.661a5.5 5.5 0 0 1-2.597 1.248v2.102A1 1 0 0 1 21.35 25h-1.7a1 1 0 0 1-.15-1.989V20.91a5.5 5.5 0 0 1-2.117-.877l-1.419 1.418l.143.143a1 1 0 0 1-1.414 1.414l-1.7-1.7a1 1 0 0 1 1.414-1.414l.143.143l1.418-1.419a5.5 5.5 0 0 1-.877-2.117h-2.102A1 1 0 0 1 11 16.35v-1.7a1 1 0 0 1 1.989-.15h2.102a5.5 5.5 0 0 1 .877-2.117l-1.418-1.419l-.143.143a1 1 0 0 1-1.414-1.414l1.7-1.7a1 1 0 1 1 1.414 1.414l-.143.143l1.418 1.418a5.5 5.5 0 0 1 2.118-.877V7.989A1 1 0 0 1 19.65 6h1.7a1 1 0 0 1 .15 1.989v2.102a5.5 5.5 0 0 1 2.117.877l1.419-1.418l-.143-.143a1 1 0 0 1 1.414-1.414l1.7 1.7a1 1 0 0 1-1.414 1.414l-.143-.143l-1.418 1.418c.43.625.735 1.343.877 2.118h2.102a1 1 0 0 1 1.989.15v1.7a1 1 0 0 1-1.989.15H25.91a5.5 5.5 0 0 1-.555 1.59l1.946 1.946l.143-.143a1 1 0 0 1 1.414 1.414l-1.7 1.7a1 1 0 0 1-1.414-1.414l.143-.143zm16.018-.196l-1.445-2.753c-1.613 7.111-4.99 12.125-9.622 15.39C24.112 35.582 17.858 37 11.052 37H8v3h34v2H7a1 1 0 0 1-1-1V6h2v29h3.052c6.552 0 12.354-1.368 16.843-4.532c4.153-2.927 7.277-7.457 8.803-14.106l-2.133 1.463a1 1 0 1 1-1.13-1.65l4.374-3a1 1 0 0 1 1.451.36l2.625 5a1 1 0 1 1-1.77.93" clipRule="evenodd"/></g><defs><clipPath id="healthiconsChartInfectedIncreasingNegative"><path d="M0 0h48v48H0z"/></clipPath></defs></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><g clip-path="url(#healthiconsChartInfectedIncreasingNegative)"><path fill="currentColor" fill-rule="evenodd" d="M0 0h48v48H0zm24.097 19.661a5.5 5.5 0 0 1-2.597 1.248v2.102A1 1 0 0 1 21.35 25h-1.7a1 1 0 0 1-.15-1.989V20.91a5.5 5.5 0 0 1-2.117-.877l-1.419 1.418l.143.143a1 1 0 0 1-1.414 1.414l-1.7-1.7a1 1 0 0 1 1.414-1.414l.143.143l1.418-1.419a5.5 5.5 0 0 1-.877-2.117h-2.102A1 1 0 0 1 11 16.35v-1.7a1 1 0 0 1 1.989-.15h2.102a5.5 5.5 0 0 1 .877-2.117l-1.418-1.419l-.143.143a1 1 0 0 1-1.414-1.414l1.7-1.7a1 1 0 1 1 1.414 1.414l-.143.143l1.418 1.418a5.5 5.5 0 0 1 2.118-.877V7.989A1 1 0 0 1 19.65 6h1.7a1 1 0 0 1 .15 1.989v2.102a5.5 5.5 0 0 1 2.117.877l1.419-1.418l-.143-.143a1 1 0 0 1 1.414-1.414l1.7 1.7a1 1 0 0 1-1.414 1.414l-.143-.143l-1.418 1.418c.43.625.735 1.343.877 2.118h2.102a1 1 0 0 1 1.989.15v1.7a1 1 0 0 1-1.989.15H25.91a5.5 5.5 0 0 1-.555 1.59l1.946 1.946l.143-.143a1 1 0 0 1 1.414 1.414l-1.7 1.7a1 1 0 0 1-1.414-1.414l.143-.143zm16.018-.196l-1.445-2.753c-1.613 7.111-4.99 12.125-9.622 15.39C24.112 35.582 17.858 37 11.052 37H8v3h34v2H7a1 1 0 0 1-1-1V6h2v29h3.052c6.552 0 12.354-1.368 16.843-4.532c4.153-2.927 7.277-7.457 8.803-14.106l-2.133 1.463a1 1 0 1 1-1.13-1.65l4.374-3a1 1 0 0 1 1.451.36l2.625 5a1 1 0 1 1-1.77.93" clip-rule="evenodd"/></g><defs><clipPath id="healthiconsChartInfectedIncreasingNegative"><path d="M0 0h48v48H0z"/></clipPath></defs></g></svg>
</template>

CSS

.icon-chart-infected-increasing-negative {
  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%22none%22%3E%3Cg%20clip-path%3D%22url(%23healthiconsChartInfectedIncreasingNegative)%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M0%200h48v48H0zm24.097%2019.661a5.5%205.5%200%200%201-2.597%201.248v2.102A1%201%200%200%201%2021.35%2025h-1.7a1%201%200%200%201-.15-1.989V20.91a5.5%205.5%200%200%201-2.117-.877l-1.419%201.418l.143.143a1%201%200%200%201-1.414%201.414l-1.7-1.7a1%201%200%200%201%201.414-1.414l.143.143l1.418-1.419a5.5%205.5%200%200%201-.877-2.117h-2.102A1%201%200%200%201%2011%2016.35v-1.7a1%201%200%200%201%201.989-.15h2.102a5.5%205.5%200%200%201%20.877-2.117l-1.418-1.419l-.143.143a1%201%200%200%201-1.414-1.414l1.7-1.7a1%201%200%201%201%201.414%201.414l-.143.143l1.418%201.418a5.5%205.5%200%200%201%202.118-.877V7.989A1%201%200%200%201%2019.65%206h1.7a1%201%200%200%201%20.15%201.989v2.102a5.5%205.5%200%200%201%202.117.877l1.419-1.418l-.143-.143a1%201%200%200%201%201.414-1.414l1.7%201.7a1%201%200%200%201-1.414%201.414l-.143-.143l-1.418%201.418c.43.625.735%201.343.877%202.118h2.102a1%201%200%200%201%201.989.15v1.7a1%201%200%200%201-1.989.15H25.91a5.5%205.5%200%200%201-.555%201.59l1.946%201.946l.143-.143a1%201%200%200%201%201.414%201.414l-1.7%201.7a1%201%200%200%201-1.414-1.414l.143-.143zm16.018-.196l-1.445-2.753c-1.613%207.111-4.99%2012.125-9.622%2015.39C24.112%2035.582%2017.858%2037%2011.052%2037H8v3h34v2H7a1%201%200%200%201-1-1V6h2v29h3.052c6.552%200%2012.354-1.368%2016.843-4.532c4.153-2.927%207.277-7.457%208.803-14.106l-2.133%201.463a1%201%200%201%201-1.13-1.65l4.374-3a1%201%200%200%201%201.451.36l2.625%205a1%201%200%201%201-1.77.93%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22healthiconsChartInfectedIncreasingNegative%22%3E%3Cpath%20d%3D%22M0%200h48v48H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%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%22none%22%3E%3Cg%20clip-path%3D%22url(%23healthiconsChartInfectedIncreasingNegative)%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M0%200h48v48H0zm24.097%2019.661a5.5%205.5%200%200%201-2.597%201.248v2.102A1%201%200%200%201%2021.35%2025h-1.7a1%201%200%200%201-.15-1.989V20.91a5.5%205.5%200%200%201-2.117-.877l-1.419%201.418l.143.143a1%201%200%200%201-1.414%201.414l-1.7-1.7a1%201%200%200%201%201.414-1.414l.143.143l1.418-1.419a5.5%205.5%200%200%201-.877-2.117h-2.102A1%201%200%200%201%2011%2016.35v-1.7a1%201%200%200%201%201.989-.15h2.102a5.5%205.5%200%200%201%20.877-2.117l-1.418-1.419l-.143.143a1%201%200%200%201-1.414-1.414l1.7-1.7a1%201%200%201%201%201.414%201.414l-.143.143l1.418%201.418a5.5%205.5%200%200%201%202.118-.877V7.989A1%201%200%200%201%2019.65%206h1.7a1%201%200%200%201%20.15%201.989v2.102a5.5%205.5%200%200%201%202.117.877l1.419-1.418l-.143-.143a1%201%200%200%201%201.414-1.414l1.7%201.7a1%201%200%200%201-1.414%201.414l-.143-.143l-1.418%201.418c.43.625.735%201.343.877%202.118h2.102a1%201%200%200%201%201.989.15v1.7a1%201%200%200%201-1.989.15H25.91a5.5%205.5%200%200%201-.555%201.59l1.946%201.946l.143-.143a1%201%200%200%201%201.414%201.414l-1.7%201.7a1%201%200%200%201-1.414-1.414l.143-.143zm16.018-.196l-1.445-2.753c-1.613%207.111-4.99%2012.125-9.622%2015.39C24.112%2035.582%2017.858%2037%2011.052%2037H8v3h34v2H7a1%201%200%200%201-1-1V6h2v29h3.052c6.552%200%2012.354-1.368%2016.843-4.532c4.153-2.927%207.277-7.457%208.803-14.106l-2.133%201.463a1%201%200%201%201-1.13-1.65l4.374-3a1%201%200%200%201%201.451.36l2.625%205a1%201%200%201%201-1.77.93%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22healthiconsChartInfectedIncreasingNegative%22%3E%3Cpath%20d%3D%22M0%200h48v48H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/healthicons/chart-infected-increasing-negative.svg?color=%231a73e8&size=48