pills 3 negative icon

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

Name: pills-3-negative
Set: Health Icons
Style: Filled
Viewbox: 48×48
License: MIT

Related icons in Health Icons

pills-2 pills-2-negative pills-3 pills-4 pills-4-negative

Use the pills 3 negative icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><g fill="currentColor" clip-path="url(#healthiconsPills3Negative1)"><path d="M24.385 9.91a1 1 0 0 1 .913 1.08l-.602 7.187a1 1 0 0 1-1.994-.167l.603-7.187a1 1 0 0 1 1.08-.913m-6.628 26.847a1 1 0 0 1-1.414 0l-5.1-5.1a1 1 0 0 1 1.414-1.414l5.1 5.1a1 1 0 0 1 0 1.414m19.458-5.707a1 1 0 0 0-.762-1.848l-6.668 2.748a1 1 0 0 0 .762 1.849z"/><path fill-rule="evenodd" d="M48 0H0v48h48zM32.5 14.5a8.5 8.5 0 1 1-17 0a8.5 8.5 0 0 1 17 0m-9.5 19a8.5 8.5 0 1 1-17 0a8.5 8.5 0 0 1 17 0M33.5 40a8.5 8.5 0 1 0 0-17a8.5 8.5 0 0 0 0 17" clip-rule="evenodd"/></g><defs><clipPath id="healthiconsPills3Negative1"><path d="M0 0h48v48H0z"/></clipPath></defs></g></svg>

React

import type { SVGProps } from "react";

export function HealthiconsPills3Negative(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 fill="currentColor" clipPath="url(#healthiconsPills3Negative1)"><path d="M24.385 9.91a1 1 0 0 1 .913 1.08l-.602 7.187a1 1 0 0 1-1.994-.167l.603-7.187a1 1 0 0 1 1.08-.913m-6.628 26.847a1 1 0 0 1-1.414 0l-5.1-5.1a1 1 0 0 1 1.414-1.414l5.1 5.1a1 1 0 0 1 0 1.414m19.458-5.707a1 1 0 0 0-.762-1.848l-6.668 2.748a1 1 0 0 0 .762 1.849z"/><path fillRule="evenodd" d="M48 0H0v48h48zM32.5 14.5a8.5 8.5 0 1 1-17 0a8.5 8.5 0 0 1 17 0m-9.5 19a8.5 8.5 0 1 1-17 0a8.5 8.5 0 0 1 17 0M33.5 40a8.5 8.5 0 1 0 0-17a8.5 8.5 0 0 0 0 17" clipRule="evenodd"/></g><defs><clipPath id="healthiconsPills3Negative1"><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 fill="currentColor" clip-path="url(#healthiconsPills3Negative1)"><path d="M24.385 9.91a1 1 0 0 1 .913 1.08l-.602 7.187a1 1 0 0 1-1.994-.167l.603-7.187a1 1 0 0 1 1.08-.913m-6.628 26.847a1 1 0 0 1-1.414 0l-5.1-5.1a1 1 0 0 1 1.414-1.414l5.1 5.1a1 1 0 0 1 0 1.414m19.458-5.707a1 1 0 0 0-.762-1.848l-6.668 2.748a1 1 0 0 0 .762 1.849z"/><path fill-rule="evenodd" d="M48 0H0v48h48zM32.5 14.5a8.5 8.5 0 1 1-17 0a8.5 8.5 0 0 1 17 0m-9.5 19a8.5 8.5 0 1 1-17 0a8.5 8.5 0 0 1 17 0M33.5 40a8.5 8.5 0 1 0 0-17a8.5 8.5 0 0 0 0 17" clip-rule="evenodd"/></g><defs><clipPath id="healthiconsPills3Negative1"><path d="M0 0h48v48H0z"/></clipPath></defs></g></svg>
</template>

CSS

.icon-pills-3-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%20fill%3D%22currentColor%22%20clip-path%3D%22url(%23healthiconsPills3Negative1)%22%3E%3Cpath%20d%3D%22M24.385%209.91a1%201%200%200%201%20.913%201.08l-.602%207.187a1%201%200%200%201-1.994-.167l.603-7.187a1%201%200%200%201%201.08-.913m-6.628%2026.847a1%201%200%200%201-1.414%200l-5.1-5.1a1%201%200%200%201%201.414-1.414l5.1%205.1a1%201%200%200%201%200%201.414m19.458-5.707a1%201%200%200%200-.762-1.848l-6.668%202.748a1%201%200%200%200%20.762%201.849z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M48%200H0v48h48zM32.5%2014.5a8.5%208.5%200%201%201-17%200a8.5%208.5%200%200%201%2017%200m-9.5%2019a8.5%208.5%200%201%201-17%200a8.5%208.5%200%200%201%2017%200M33.5%2040a8.5%208.5%200%201%200%200-17a8.5%208.5%200%200%200%200%2017%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22healthiconsPills3Negative1%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%20fill%3D%22currentColor%22%20clip-path%3D%22url(%23healthiconsPills3Negative1)%22%3E%3Cpath%20d%3D%22M24.385%209.91a1%201%200%200%201%20.913%201.08l-.602%207.187a1%201%200%200%201-1.994-.167l.603-7.187a1%201%200%200%201%201.08-.913m-6.628%2026.847a1%201%200%200%201-1.414%200l-5.1-5.1a1%201%200%200%201%201.414-1.414l5.1%205.1a1%201%200%200%201%200%201.414m19.458-5.707a1%201%200%200%200-.762-1.848l-6.668%202.748a1%201%200%200%200%20.762%201.849z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M48%200H0v48h48zM32.5%2014.5a8.5%208.5%200%201%201-17%200a8.5%208.5%200%200%201%2017%200m-9.5%2019a8.5%208.5%200%201%201-17%200a8.5%208.5%200%200%201%2017%200M33.5%2040a8.5%208.5%200%201%200%200-17a8.5%208.5%200%200%200%200%2017%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22healthiconsPills3Negative1%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/pills-3-negative.svg?color=%231a73e8&size=48