masked negative icon
masked-negative from Health Icons by Resolve to Save Lives · Filled · MIT Free for personal and commercial use.
- Name
- masked-negative
- Set
- Health Icons
- Style
- Filled
- Viewbox
- 48×48
- License
- MIT
Use the masked 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(#healthiconsMaskedNegative)"><path fill-rule="evenodd" d="M39.957 25.183Q40 24.598 40 24c0-8.837-7.163-16-16-16S8 15.163 8 24q0 .652.051 1.29c.898.465 1.976.768 2.887.957a17 17 0 0 0 1.463.238c8.965-2.023 14.175-1.932 23.116-.013a17 17 0 0 0 1.353-.225c.975-.202 2.142-.536 3.075-1.057zm-13.344-2.74c-.13-.359-.09-.796.017-1.194c.112-.416.319-.863.61-1.28c.58-.829 1.544-1.59 2.845-1.646c1.346-.056 2.353.799 2.973 1.706c.314.46.548.958.695 1.416c.142.446.218.902.168 1.267a.5.5 0 0 1-.765.352c-.4-.256-.82-.607-1.207-.93q-.267-.225-.505-.416c-.563-.444-1-.697-1.363-.715c-.345-.017-.743.18-1.244.556c-.18.134-.354.277-.534.424l-.196.159a7 7 0 0 1-.765.557a.5.5 0 0 1-.729-.257m-5.775-1.194c.108.398.146.835.017 1.193a.5.5 0 0 1-.73.257a7 7 0 0 1-.764-.557l-.196-.16c-.18-.146-.354-.288-.534-.423c-.501-.375-.9-.573-1.244-.556c-.363.018-.8.271-1.363.715a25 25 0 0 0-.505.415c-.388.324-.808.675-1.207.931a.5.5 0 0 1-.765-.352c-.05-.365.025-.821.168-1.267c.147-.458.38-.956.695-1.416c.62-.907 1.626-1.762 2.973-1.706c1.3.055 2.264.817 2.845 1.647c.29.416.498.863.61 1.279" clip-rule="evenodd"/><path d="M39.607 27.54a15.6 15.6 0 0 1-2.33.666q-.333.068-.622.118c.547 1.693.716 3.113.605 4.632a15.9 15.9 0 0 0 2.347-5.416m-28.614 5.78a15.9 15.9 0 0 1-2.582-5.702c.75.27 1.495.458 2.12.588c.337.07.647.124.913.166c-.487 1.813-.632 3.326-.451 4.948M18 30v2h12v-2zm0 4v2h12v-2z"/><path fill-rule="evenodd" d="M0 0h48v48H0zm41.11 18.395C38.754 11.198 31.984 6 24 6C16.107 6 9.4 11.08 6.972 18.15a1 1 0 0 0-.203.168c-1.822 1.951-2.628 3.706-2.434 5.296c.157 1.282.932 2.208 1.834 2.864a17.97 17.97 0 0 0 5.792 10.904l.04.118q.554.445 1.124.844A17.92 17.92 0 0 0 24 42c4.58 0 8.76-1.71 11.936-4.526q.284-.231.564-.474l.017-.064a17.95 17.95 0 0 0 5.335-10.621c.808-.644 1.476-1.522 1.62-2.701c.192-1.569-.59-3.298-2.362-5.22" clip-rule="evenodd"/></g><defs><clipPath id="healthiconsMaskedNegative"><path d="M0 0h48v48H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function HealthiconsMaskedNegative(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(#healthiconsMaskedNegative)"><path fillRule="evenodd" d="M39.957 25.183Q40 24.598 40 24c0-8.837-7.163-16-16-16S8 15.163 8 24q0 .652.051 1.29c.898.465 1.976.768 2.887.957a17 17 0 0 0 1.463.238c8.965-2.023 14.175-1.932 23.116-.013a17 17 0 0 0 1.353-.225c.975-.202 2.142-.536 3.075-1.057zm-13.344-2.74c-.13-.359-.09-.796.017-1.194c.112-.416.319-.863.61-1.28c.58-.829 1.544-1.59 2.845-1.646c1.346-.056 2.353.799 2.973 1.706c.314.46.548.958.695 1.416c.142.446.218.902.168 1.267a.5.5 0 0 1-.765.352c-.4-.256-.82-.607-1.207-.93q-.267-.225-.505-.416c-.563-.444-1-.697-1.363-.715c-.345-.017-.743.18-1.244.556c-.18.134-.354.277-.534.424l-.196.159a7 7 0 0 1-.765.557a.5.5 0 0 1-.729-.257m-5.775-1.194c.108.398.146.835.017 1.193a.5.5 0 0 1-.73.257a7 7 0 0 1-.764-.557l-.196-.16c-.18-.146-.354-.288-.534-.423c-.501-.375-.9-.573-1.244-.556c-.363.018-.8.271-1.363.715a25 25 0 0 0-.505.415c-.388.324-.808.675-1.207.931a.5.5 0 0 1-.765-.352c-.05-.365.025-.821.168-1.267c.147-.458.38-.956.695-1.416c.62-.907 1.626-1.762 2.973-1.706c1.3.055 2.264.817 2.845 1.647c.29.416.498.863.61 1.279" clipRule="evenodd"/><path d="M39.607 27.54a15.6 15.6 0 0 1-2.33.666q-.333.068-.622.118c.547 1.693.716 3.113.605 4.632a15.9 15.9 0 0 0 2.347-5.416m-28.614 5.78a15.9 15.9 0 0 1-2.582-5.702c.75.27 1.495.458 2.12.588c.337.07.647.124.913.166c-.487 1.813-.632 3.326-.451 4.948M18 30v2h12v-2zm0 4v2h12v-2z"/><path fillRule="evenodd" d="M0 0h48v48H0zm41.11 18.395C38.754 11.198 31.984 6 24 6C16.107 6 9.4 11.08 6.972 18.15a1 1 0 0 0-.203.168c-1.822 1.951-2.628 3.706-2.434 5.296c.157 1.282.932 2.208 1.834 2.864a17.97 17.97 0 0 0 5.792 10.904l.04.118q.554.445 1.124.844A17.92 17.92 0 0 0 24 42c4.58 0 8.76-1.71 11.936-4.526q.284-.231.564-.474l.017-.064a17.95 17.95 0 0 0 5.335-10.621c.808-.644 1.476-1.522 1.62-2.701c.192-1.569-.59-3.298-2.362-5.22" clipRule="evenodd"/></g><defs><clipPath id="healthiconsMaskedNegative"><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(#healthiconsMaskedNegative)"><path fill-rule="evenodd" d="M39.957 25.183Q40 24.598 40 24c0-8.837-7.163-16-16-16S8 15.163 8 24q0 .652.051 1.29c.898.465 1.976.768 2.887.957a17 17 0 0 0 1.463.238c8.965-2.023 14.175-1.932 23.116-.013a17 17 0 0 0 1.353-.225c.975-.202 2.142-.536 3.075-1.057zm-13.344-2.74c-.13-.359-.09-.796.017-1.194c.112-.416.319-.863.61-1.28c.58-.829 1.544-1.59 2.845-1.646c1.346-.056 2.353.799 2.973 1.706c.314.46.548.958.695 1.416c.142.446.218.902.168 1.267a.5.5 0 0 1-.765.352c-.4-.256-.82-.607-1.207-.93q-.267-.225-.505-.416c-.563-.444-1-.697-1.363-.715c-.345-.017-.743.18-1.244.556c-.18.134-.354.277-.534.424l-.196.159a7 7 0 0 1-.765.557a.5.5 0 0 1-.729-.257m-5.775-1.194c.108.398.146.835.017 1.193a.5.5 0 0 1-.73.257a7 7 0 0 1-.764-.557l-.196-.16c-.18-.146-.354-.288-.534-.423c-.501-.375-.9-.573-1.244-.556c-.363.018-.8.271-1.363.715a25 25 0 0 0-.505.415c-.388.324-.808.675-1.207.931a.5.5 0 0 1-.765-.352c-.05-.365.025-.821.168-1.267c.147-.458.38-.956.695-1.416c.62-.907 1.626-1.762 2.973-1.706c1.3.055 2.264.817 2.845 1.647c.29.416.498.863.61 1.279" clip-rule="evenodd"/><path d="M39.607 27.54a15.6 15.6 0 0 1-2.33.666q-.333.068-.622.118c.547 1.693.716 3.113.605 4.632a15.9 15.9 0 0 0 2.347-5.416m-28.614 5.78a15.9 15.9 0 0 1-2.582-5.702c.75.27 1.495.458 2.12.588c.337.07.647.124.913.166c-.487 1.813-.632 3.326-.451 4.948M18 30v2h12v-2zm0 4v2h12v-2z"/><path fill-rule="evenodd" d="M0 0h48v48H0zm41.11 18.395C38.754 11.198 31.984 6 24 6C16.107 6 9.4 11.08 6.972 18.15a1 1 0 0 0-.203.168c-1.822 1.951-2.628 3.706-2.434 5.296c.157 1.282.932 2.208 1.834 2.864a17.97 17.97 0 0 0 5.792 10.904l.04.118q.554.445 1.124.844A17.92 17.92 0 0 0 24 42c4.58 0 8.76-1.71 11.936-4.526q.284-.231.564-.474l.017-.064a17.95 17.95 0 0 0 5.335-10.621c.808-.644 1.476-1.522 1.62-2.701c.192-1.569-.59-3.298-2.362-5.22" clip-rule="evenodd"/></g><defs><clipPath id="healthiconsMaskedNegative"><path d="M0 0h48v48H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-masked-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(%23healthiconsMaskedNegative)%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M39.957%2025.183Q40%2024.598%2040%2024c0-8.837-7.163-16-16-16S8%2015.163%208%2024q0%20.652.051%201.29c.898.465%201.976.768%202.887.957a17%2017%200%200%200%201.463.238c8.965-2.023%2014.175-1.932%2023.116-.013a17%2017%200%200%200%201.353-.225c.975-.202%202.142-.536%203.075-1.057zm-13.344-2.74c-.13-.359-.09-.796.017-1.194c.112-.416.319-.863.61-1.28c.58-.829%201.544-1.59%202.845-1.646c1.346-.056%202.353.799%202.973%201.706c.314.46.548.958.695%201.416c.142.446.218.902.168%201.267a.5.5%200%200%201-.765.352c-.4-.256-.82-.607-1.207-.93q-.267-.225-.505-.416c-.563-.444-1-.697-1.363-.715c-.345-.017-.743.18-1.244.556c-.18.134-.354.277-.534.424l-.196.159a7%207%200%200%201-.765.557a.5.5%200%200%201-.729-.257m-5.775-1.194c.108.398.146.835.017%201.193a.5.5%200%200%201-.73.257a7%207%200%200%201-.764-.557l-.196-.16c-.18-.146-.354-.288-.534-.423c-.501-.375-.9-.573-1.244-.556c-.363.018-.8.271-1.363.715a25%2025%200%200%200-.505.415c-.388.324-.808.675-1.207.931a.5.5%200%200%201-.765-.352c-.05-.365.025-.821.168-1.267c.147-.458.38-.956.695-1.416c.62-.907%201.626-1.762%202.973-1.706c1.3.055%202.264.817%202.845%201.647c.29.416.498.863.61%201.279%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M39.607%2027.54a15.6%2015.6%200%200%201-2.33.666q-.333.068-.622.118c.547%201.693.716%203.113.605%204.632a15.9%2015.9%200%200%200%202.347-5.416m-28.614%205.78a15.9%2015.9%200%200%201-2.582-5.702c.75.27%201.495.458%202.12.588c.337.07.647.124.913.166c-.487%201.813-.632%203.326-.451%204.948M18%2030v2h12v-2zm0%204v2h12v-2z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M0%200h48v48H0zm41.11%2018.395C38.754%2011.198%2031.984%206%2024%206C16.107%206%209.4%2011.08%206.972%2018.15a1%201%200%200%200-.203.168c-1.822%201.951-2.628%203.706-2.434%205.296c.157%201.282.932%202.208%201.834%202.864a17.97%2017.97%200%200%200%205.792%2010.904l.04.118q.554.445%201.124.844A17.92%2017.92%200%200%200%2024%2042c4.58%200%208.76-1.71%2011.936-4.526q.284-.231.564-.474l.017-.064a17.95%2017.95%200%200%200%205.335-10.621c.808-.644%201.476-1.522%201.62-2.701c.192-1.569-.59-3.298-2.362-5.22%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22healthiconsMaskedNegative%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(%23healthiconsMaskedNegative)%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M39.957%2025.183Q40%2024.598%2040%2024c0-8.837-7.163-16-16-16S8%2015.163%208%2024q0%20.652.051%201.29c.898.465%201.976.768%202.887.957a17%2017%200%200%200%201.463.238c8.965-2.023%2014.175-1.932%2023.116-.013a17%2017%200%200%200%201.353-.225c.975-.202%202.142-.536%203.075-1.057zm-13.344-2.74c-.13-.359-.09-.796.017-1.194c.112-.416.319-.863.61-1.28c.58-.829%201.544-1.59%202.845-1.646c1.346-.056%202.353.799%202.973%201.706c.314.46.548.958.695%201.416c.142.446.218.902.168%201.267a.5.5%200%200%201-.765.352c-.4-.256-.82-.607-1.207-.93q-.267-.225-.505-.416c-.563-.444-1-.697-1.363-.715c-.345-.017-.743.18-1.244.556c-.18.134-.354.277-.534.424l-.196.159a7%207%200%200%201-.765.557a.5.5%200%200%201-.729-.257m-5.775-1.194c.108.398.146.835.017%201.193a.5.5%200%200%201-.73.257a7%207%200%200%201-.764-.557l-.196-.16c-.18-.146-.354-.288-.534-.423c-.501-.375-.9-.573-1.244-.556c-.363.018-.8.271-1.363.715a25%2025%200%200%200-.505.415c-.388.324-.808.675-1.207.931a.5.5%200%200%201-.765-.352c-.05-.365.025-.821.168-1.267c.147-.458.38-.956.695-1.416c.62-.907%201.626-1.762%202.973-1.706c1.3.055%202.264.817%202.845%201.647c.29.416.498.863.61%201.279%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M39.607%2027.54a15.6%2015.6%200%200%201-2.33.666q-.333.068-.622.118c.547%201.693.716%203.113.605%204.632a15.9%2015.9%200%200%200%202.347-5.416m-28.614%205.78a15.9%2015.9%200%200%201-2.582-5.702c.75.27%201.495.458%202.12.588c.337.07.647.124.913.166c-.487%201.813-.632%203.326-.451%204.948M18%2030v2h12v-2zm0%204v2h12v-2z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M0%200h48v48H0zm41.11%2018.395C38.754%2011.198%2031.984%206%2024%206C16.107%206%209.4%2011.08%206.972%2018.15a1%201%200%200%200-.203.168c-1.822%201.951-2.628%203.706-2.434%205.296c.157%201.282.932%202.208%201.834%202.864a17.97%2017.97%200%200%200%205.792%2010.904l.04.118q.554.445%201.124.844A17.92%2017.92%200%200%200%2024%2042c4.58%200%208.76-1.71%2011.936-4.526q.284-.231.564-.474l.017-.064a17.95%2017.95%200%200%200%205.335-10.621c.808-.644%201.476-1.522%201.62-2.701c.192-1.569-.59-3.298-2.362-5.22%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22healthiconsMaskedNegative%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/masked-negative.svg?color=%231a73e8&size=48
