allergies icon
allergies from Health Icons by Resolve to Save Lives · Filled · Conditions · MIT Free for personal and commercial use.
- Name
- allergies
- Set
- Health Icons
- Style
- Filled
- Category
- Conditions
- Viewbox
- 48×48
- License
- MIT
3 other variants in Health Icons
The same icon in other sets
More conditions icons from Health Icons
Use the allergies icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M31 25.731V9a2 2 0 1 0-4 0v14h-2V6a2 2 0 1 0-4 0v17h-2V9a2 2 0 1 0-4 0v16.111h-2V15a2 2 0 1 0-4 0v17c0 6.627 5.373 12 12 12h1.422a12 12 0 0 0 10.553-6.287l6.938-12.816a2.552 2.552 0 0 0-4.36-2.642L32.83 26.29c-.552.817-1.829.427-1.829-.56m-12.977 4.252a1 1 0 1 0-.002-2a1 1 0 0 0 .002 2m5 .996a1 1 0 1 0 0-2a1 1 0 0 0 0 2m-1.997 3.002a1 1 0 1 1-2 .002a1 1 0 0 1 2-.002m4-.003a1 1 0 1 0-.001-2a1 1 0 0 0 .001 2m3.003 2.997a1 1 0 1 1-2 .002a1 1 0 0 1 2-.002m.996-4a1 1 0 1 0-.001-2a1 1 0 0 0 .001 2m-5.996 5.004a1 1 0 1 1-2 .002a1 1 0 0 1 2-.002m-6 .005a1 1 0 1 0-.001-2a1 1 0 0 0 .001 2m-1.004-4.999a1 1 0 1 1-2 .002a1 1 0 0 1 2-.002" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function HealthiconsAllergies(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" fillRule="evenodd" d="M31 25.731V9a2 2 0 1 0-4 0v14h-2V6a2 2 0 1 0-4 0v17h-2V9a2 2 0 1 0-4 0v16.111h-2V15a2 2 0 1 0-4 0v17c0 6.627 5.373 12 12 12h1.422a12 12 0 0 0 10.553-6.287l6.938-12.816a2.552 2.552 0 0 0-4.36-2.642L32.83 26.29c-.552.817-1.829.427-1.829-.56m-12.977 4.252a1 1 0 1 0-.002-2a1 1 0 0 0 .002 2m5 .996a1 1 0 1 0 0-2a1 1 0 0 0 0 2m-1.997 3.002a1 1 0 1 1-2 .002a1 1 0 0 1 2-.002m4-.003a1 1 0 1 0-.001-2a1 1 0 0 0 .001 2m3.003 2.997a1 1 0 1 1-2 .002a1 1 0 0 1 2-.002m.996-4a1 1 0 1 0-.001-2a1 1 0 0 0 .001 2m-5.996 5.004a1 1 0 1 1-2 .002a1 1 0 0 1 2-.002m-6 .005a1 1 0 1 0-.001-2a1 1 0 0 0 .001 2m-1.004-4.999a1 1 0 1 1-2 .002a1 1 0 0 1 2-.002" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M31 25.731V9a2 2 0 1 0-4 0v14h-2V6a2 2 0 1 0-4 0v17h-2V9a2 2 0 1 0-4 0v16.111h-2V15a2 2 0 1 0-4 0v17c0 6.627 5.373 12 12 12h1.422a12 12 0 0 0 10.553-6.287l6.938-12.816a2.552 2.552 0 0 0-4.36-2.642L32.83 26.29c-.552.817-1.829.427-1.829-.56m-12.977 4.252a1 1 0 1 0-.002-2a1 1 0 0 0 .002 2m5 .996a1 1 0 1 0 0-2a1 1 0 0 0 0 2m-1.997 3.002a1 1 0 1 1-2 .002a1 1 0 0 1 2-.002m4-.003a1 1 0 1 0-.001-2a1 1 0 0 0 .001 2m3.003 2.997a1 1 0 1 1-2 .002a1 1 0 0 1 2-.002m.996-4a1 1 0 1 0-.001-2a1 1 0 0 0 .001 2m-5.996 5.004a1 1 0 1 1-2 .002a1 1 0 0 1 2-.002m-6 .005a1 1 0 1 0-.001-2a1 1 0 0 0 .001 2m-1.004-4.999a1 1 0 1 1-2 .002a1 1 0 0 1 2-.002" clip-rule="evenodd"/></svg> </template>
CSS
.icon-allergies {
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%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M31%2025.731V9a2%202%200%201%200-4%200v14h-2V6a2%202%200%201%200-4%200v17h-2V9a2%202%200%201%200-4%200v16.111h-2V15a2%202%200%201%200-4%200v17c0%206.627%205.373%2012%2012%2012h1.422a12%2012%200%200%200%2010.553-6.287l6.938-12.816a2.552%202.552%200%200%200-4.36-2.642L32.83%2026.29c-.552.817-1.829.427-1.829-.56m-12.977%204.252a1%201%200%201%200-.002-2a1%201%200%200%200%20.002%202m5%20.996a1%201%200%201%200%200-2a1%201%200%200%200%200%202m-1.997%203.002a1%201%200%201%201-2%20.002a1%201%200%200%201%202-.002m4-.003a1%201%200%201%200-.001-2a1%201%200%200%200%20.001%202m3.003%202.997a1%201%200%201%201-2%20.002a1%201%200%200%201%202-.002m.996-4a1%201%200%201%200-.001-2a1%201%200%200%200%20.001%202m-5.996%205.004a1%201%200%201%201-2%20.002a1%201%200%200%201%202-.002m-6%20.005a1%201%200%201%200-.001-2a1%201%200%200%200%20.001%202m-1.004-4.999a1%201%200%201%201-2%20.002a1%201%200%200%201%202-.002%22%20clip-rule%3D%22evenodd%22%2F%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%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M31%2025.731V9a2%202%200%201%200-4%200v14h-2V6a2%202%200%201%200-4%200v17h-2V9a2%202%200%201%200-4%200v16.111h-2V15a2%202%200%201%200-4%200v17c0%206.627%205.373%2012%2012%2012h1.422a12%2012%200%200%200%2010.553-6.287l6.938-12.816a2.552%202.552%200%200%200-4.36-2.642L32.83%2026.29c-.552.817-1.829.427-1.829-.56m-12.977%204.252a1%201%200%201%200-.002-2a1%201%200%200%200%20.002%202m5%20.996a1%201%200%201%200%200-2a1%201%200%200%200%200%202m-1.997%203.002a1%201%200%201%201-2%20.002a1%201%200%200%201%202-.002m4-.003a1%201%200%201%200-.001-2a1%201%200%200%200%20.001%202m3.003%202.997a1%201%200%201%201-2%20.002a1%201%200%200%201%202-.002m.996-4a1%201%200%201%200-.001-2a1%201%200%200%200%20.001%202m-5.996%205.004a1%201%200%201%201-2%20.002a1%201%200%200%201%202-.002m-6%20.005a1%201%200%201%200-.001-2a1%201%200%200%200%20.001%202m-1.004-4.999a1%201%200%201%201-2%20.002a1%201%200%200%201%202-.002%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/healthicons/allergies.svg?color=%231a73e8&size=48
