Safety
Allergy icon
Also known as: Allergie, Pollen · allergy.svg
A pollen bloom — allergy and allergic reactions. A good fit for allergology, triggers and immunology content.
AllergyPollenImmunologyTriggers
Weight
PNG size
px
Exports use the selected weight and currentColor — they inherit your text color. Free for commercial & educational use, no attribution required.
Use the Allergy icon in code
Paste it straight into your project. It uses currentColor, so it inherits your text color, and scales without blurring.
Inline SVG · HTML
<svg width="24" height="24" viewBox="0 0 48 48" fill="none"
stroke="currentColor" stroke-width="2" stroke-linejoin="miter" stroke-linecap="butt">
<ellipse cx="24" cy="15" rx="3" ry="5.5"/><ellipse cx="32.56" cy="21.22" rx="3" ry="5.5" transform="rotate(72 32.56 21.22)"/><ellipse cx="29.29" cy="31.28" rx="3" ry="5.5" transform="rotate(144 29.29 31.28)"/><ellipse cx="18.71" cy="31.28" rx="3" ry="5.5" transform="rotate(216 18.71 31.28)"/><ellipse cx="15.44" cy="21.22" rx="3" ry="5.5" transform="rotate(288 15.44 21.22)"/><circle cx="24" cy="24" r="2.6" fill="currentColor" stroke="none"/>
</svg>React component · JSX
export function IconAllergy(props) {
return (
<svg width="24" height="24" viewBox="0 0 48 48" fill="none"
stroke="currentColor" strokeWidth={2} strokeLinejoin="miter" strokeLinecap="butt" {...props}>
<ellipse cx="24" cy="15" rx="3" ry="5.5"/><ellipse cx="32.56" cy="21.22" rx="3" ry="5.5" transform="rotate(72 32.56 21.22)"/><ellipse cx="29.29" cy="31.28" rx="3" ry="5.5" transform="rotate(144 29.29 31.28)"/><ellipse cx="18.71" cy="31.28" rx="3" ry="5.5" transform="rotate(216 18.71 31.28)"/><ellipse cx="15.44" cy="21.22" rx="3" ry="5.5" transform="rotate(288 15.44 21.22)"/><circle cx="24" cy="24" r="2.6" fill="currentColor" stroke="none"/>
</svg>
);
}