sti negative icon
sti-negative from Health Icons by Resolve to Save Lives · Filled · MIT Free for personal and commercial use.
- Name
- sti-negative
- Set
- Health Icons
- Style
- Filled
- Viewbox
- 48×48
- License
- MIT
Use the sti 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(#healthiconsStiNegative)"><path fill="currentColor" fill-rule="evenodd" d="M0 0h48v48H0zm28 8a4 4 0 1 1-8 0a4 4 0 0 1 8 0m-11.4 6a2 2 0 0 0-1.774 1.077l-2.6 5a2 2 0 0 0 .525 2.485l4.118 3.294c1.07.648 2.18.406 2.908-.174c.452-.36.7-.806.745-1.198c.04-.347-.062-.768-.568-1.2a131 131 0 0 0-3.394-2.793l-.05-.039l-.012-.01l-.003-.002l.151-.194L17.815 18H18v1.08c.174.139.426.34.74.595c.63.51 1.509 1.233 2.511 2.087c.549.468.919 1.01 1.114 1.586a4 4 0 1 1 2.77 7.488l.87 11.317A2 2 0 0 0 30 42V26.947c1.715-.19 3.153-.878 4.207-1.953c1.229-1.253 1.808-2.903 1.793-4.513A6.46 6.46 0 0 0 34.154 16c-1.244-1.259-3.014-2-5.135-2zM18 28.238a4.54 4.54 0 0 0 2.085-.415a4.01 4.01 0 0 0 2.78 3.014l-.87 11.316A2 2 0 0 1 18 42V28.239M26 27a2 2 0 1 1-4 0a2 2 0 0 1 4 0m4-4.1v-4.792c.601.143 1.02.413 1.307.703A2.46 2.46 0 0 1 32 20.519c.006.64-.223 1.24-.65 1.674c-.28.287-.71.564-1.35.707" clip-rule="evenodd"/></g><defs><clipPath id="healthiconsStiNegative"><path d="M0 0h48v48H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function HealthiconsStiNegative(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(#healthiconsStiNegative)"><path fill="currentColor" fillRule="evenodd" d="M0 0h48v48H0zm28 8a4 4 0 1 1-8 0a4 4 0 0 1 8 0m-11.4 6a2 2 0 0 0-1.774 1.077l-2.6 5a2 2 0 0 0 .525 2.485l4.118 3.294c1.07.648 2.18.406 2.908-.174c.452-.36.7-.806.745-1.198c.04-.347-.062-.768-.568-1.2a131 131 0 0 0-3.394-2.793l-.05-.039l-.012-.01l-.003-.002l.151-.194L17.815 18H18v1.08c.174.139.426.34.74.595c.63.51 1.509 1.233 2.511 2.087c.549.468.919 1.01 1.114 1.586a4 4 0 1 1 2.77 7.488l.87 11.317A2 2 0 0 0 30 42V26.947c1.715-.19 3.153-.878 4.207-1.953c1.229-1.253 1.808-2.903 1.793-4.513A6.46 6.46 0 0 0 34.154 16c-1.244-1.259-3.014-2-5.135-2zM18 28.238a4.54 4.54 0 0 0 2.085-.415a4.01 4.01 0 0 0 2.78 3.014l-.87 11.316A2 2 0 0 1 18 42V28.239M26 27a2 2 0 1 1-4 0a2 2 0 0 1 4 0m4-4.1v-4.792c.601.143 1.02.413 1.307.703A2.46 2.46 0 0 1 32 20.519c.006.64-.223 1.24-.65 1.674c-.28.287-.71.564-1.35.707" clipRule="evenodd"/></g><defs><clipPath id="healthiconsStiNegative"><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(#healthiconsStiNegative)"><path fill="currentColor" fill-rule="evenodd" d="M0 0h48v48H0zm28 8a4 4 0 1 1-8 0a4 4 0 0 1 8 0m-11.4 6a2 2 0 0 0-1.774 1.077l-2.6 5a2 2 0 0 0 .525 2.485l4.118 3.294c1.07.648 2.18.406 2.908-.174c.452-.36.7-.806.745-1.198c.04-.347-.062-.768-.568-1.2a131 131 0 0 0-3.394-2.793l-.05-.039l-.012-.01l-.003-.002l.151-.194L17.815 18H18v1.08c.174.139.426.34.74.595c.63.51 1.509 1.233 2.511 2.087c.549.468.919 1.01 1.114 1.586a4 4 0 1 1 2.77 7.488l.87 11.317A2 2 0 0 0 30 42V26.947c1.715-.19 3.153-.878 4.207-1.953c1.229-1.253 1.808-2.903 1.793-4.513A6.46 6.46 0 0 0 34.154 16c-1.244-1.259-3.014-2-5.135-2zM18 28.238a4.54 4.54 0 0 0 2.085-.415a4.01 4.01 0 0 0 2.78 3.014l-.87 11.316A2 2 0 0 1 18 42V28.239M26 27a2 2 0 1 1-4 0a2 2 0 0 1 4 0m4-4.1v-4.792c.601.143 1.02.413 1.307.703A2.46 2.46 0 0 1 32 20.519c.006.64-.223 1.24-.65 1.674c-.28.287-.71.564-1.35.707" clip-rule="evenodd"/></g><defs><clipPath id="healthiconsStiNegative"><path d="M0 0h48v48H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-sti-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(%23healthiconsStiNegative)%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M0%200h48v48H0zm28%208a4%204%200%201%201-8%200a4%204%200%200%201%208%200m-11.4%206a2%202%200%200%200-1.774%201.077l-2.6%205a2%202%200%200%200%20.525%202.485l4.118%203.294c1.07.648%202.18.406%202.908-.174c.452-.36.7-.806.745-1.198c.04-.347-.062-.768-.568-1.2a131%20131%200%200%200-3.394-2.793l-.05-.039l-.012-.01l-.003-.002l.151-.194L17.815%2018H18v1.08c.174.139.426.34.74.595c.63.51%201.509%201.233%202.511%202.087c.549.468.919%201.01%201.114%201.586a4%204%200%201%201%202.77%207.488l.87%2011.317A2%202%200%200%200%2030%2042V26.947c1.715-.19%203.153-.878%204.207-1.953c1.229-1.253%201.808-2.903%201.793-4.513A6.46%206.46%200%200%200%2034.154%2016c-1.244-1.259-3.014-2-5.135-2zM18%2028.238a4.54%204.54%200%200%200%202.085-.415a4.01%204.01%200%200%200%202.78%203.014l-.87%2011.316A2%202%200%200%201%2018%2042V28.239M26%2027a2%202%200%201%201-4%200a2%202%200%200%201%204%200m4-4.1v-4.792c.601.143%201.02.413%201.307.703A2.46%202.46%200%200%201%2032%2020.519c.006.64-.223%201.24-.65%201.674c-.28.287-.71.564-1.35.707%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22healthiconsStiNegative%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(%23healthiconsStiNegative)%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M0%200h48v48H0zm28%208a4%204%200%201%201-8%200a4%204%200%200%201%208%200m-11.4%206a2%202%200%200%200-1.774%201.077l-2.6%205a2%202%200%200%200%20.525%202.485l4.118%203.294c1.07.648%202.18.406%202.908-.174c.452-.36.7-.806.745-1.198c.04-.347-.062-.768-.568-1.2a131%20131%200%200%200-3.394-2.793l-.05-.039l-.012-.01l-.003-.002l.151-.194L17.815%2018H18v1.08c.174.139.426.34.74.595c.63.51%201.509%201.233%202.511%202.087c.549.468.919%201.01%201.114%201.586a4%204%200%201%201%202.77%207.488l.87%2011.317A2%202%200%200%200%2030%2042V26.947c1.715-.19%203.153-.878%204.207-1.953c1.229-1.253%201.808-2.903%201.793-4.513A6.46%206.46%200%200%200%2034.154%2016c-1.244-1.259-3.014-2-5.135-2zM18%2028.238a4.54%204.54%200%200%200%202.085-.415a4.01%204.01%200%200%200%202.78%203.014l-.87%2011.316A2%202%200%200%201%2018%2042V28.239M26%2027a2%202%200%201%201-4%200a2%202%200%200%201%204%200m4-4.1v-4.792c.601.143%201.02.413%201.307.703A2.46%202.46%200%200%201%2032%2020.519c.006.64-.223%201.24-.65%201.674c-.28.287-.71.564-1.35.707%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22healthiconsStiNegative%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/sti-negative.svg?color=%231a73e8&size=48
