Sanitize icon

Use the Sanitize icon in React

Install Microsoft's @fluentui/react-icons package, then import the component. Icons inherit the current text color, and you can size them with CSS.

npm install @fluentui/react-icons

import { Sanitize24Regular, Sanitize24Filled } from "@fluentui/react-icons";

export function Example() {
  return <Sanitize24Regular aria-label="Sanitize" />;
}

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_sanitize_24_regular.svg" width="24" height="24" alt="Sanitize">

Or paste the SVG markup inline. Setting fill="currentColor" makes the icon follow the text color of its parent:

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.93937 4.18153L4.68202 7.43889C4.09623 8.02467 4.09623 8.97442 4.68201 9.5602L8.60556 13.4838C8.30319 13.925 8.10026 14.4477 8.02868 15.0282L3.62135 10.6209C2.44978 9.44929 2.44978 7.5498 3.62136 6.37823L6.87871 3.12087C8.05029 1.94929 9.94978 1.94929 11.1214 3.12087L14.5666 6.5661C14.4917 6.62439 14.4203 6.68627 14.3526 6.75131C14.3186 6.75014 14.2844 6.74955 14.25 6.74955C13.753 6.74955 13.316 6.86737 12.9452 7.06607L10.0607 4.18153C9.47491 3.59574 8.52516 3.59574 7.93937 4.18153ZM14.7649 7.82151C14.6063 7.775 14.4343 7.74951 14.25 7.74951C13.1539 7.74951 12.5044 8.65005 12.5044 9.49951V13.1724C12.2123 13.0711 11.8736 13.0001 11.4965 13.0001C10.0985 13.0001 9 14.0311 9 15.4995C9 15.7415 9.11673 15.9686 9.31349 16.1094L11.0307 17.3385L11.9854 18.1708C12.6241 18.7278 13.1979 19.3551 13.6957 20.0409L14.2941 20.8651C14.8115 21.5778 15.6389 21.9995 16.5195 21.9995H18.1582C19.0893 21.9995 19.982 21.5265 20.4632 20.6882C20.7653 20.1619 21.1392 19.4705 21.4399 18.7862C21.7259 18.1351 22 17.3734 22 16.7495V10.7495C22 9.8954 21.3419 8.99951 20.25 8.99951C20.14 8.99951 20.0345 9.0086 19.9335 9.02581C19.7412 8.34404 19.1407 7.74951 18.25 7.74951C18.0677 7.74951 17.8955 7.77519 17.7356 7.82227C17.4469 7.35042 16.9332 6.99951 16.25 6.99951C15.5672 6.99951 15.0536 7.35005 14.7649 7.82151ZM16.4308 8.5699C16.474 8.61673 16.5 8.68422 16.5 8.74789V9.41315C16.499 9.4463 16.499 9.47956 16.5 9.51282V13.2495C16.5 13.6637 16.8358 13.9995 17.25 13.9995C17.6642 13.9995 18 13.6637 18 13.2495V9.44789C18.0037 9.41109 18.0212 9.36472 18.0585 9.32467C18.096 9.28442 18.1543 9.24951 18.25 9.24951C18.3453 9.24951 18.3967 9.28252 18.4308 9.31954C18.4734 9.36592 18.5 9.43382 18.5 9.49971V13.7501C18.5 14.1643 18.8358 14.5001 19.25 14.5001C19.6642 14.5001 20 14.1643 20 13.7501V10.7495C20 10.6845 20.0264 10.6166 20.0694 10.5698C20.104 10.5323 20.1556 10.4995 20.25 10.4995C20.3444 10.4995 20.396 10.5323 20.4306 10.5698C20.4736 10.6166 20.5 10.6845 20.5 10.7495V16.7495C20.5 17.0291 20.3513 17.5347 20.0665 18.1828C19.7964 18.7977 19.4518 19.4371 19.1623 19.9414C18.966 20.2834 18.5881 20.4995 18.1582 20.4995H16.5195C16.1192 20.4995 15.7431 20.3078 15.508 19.9839L14.9096 19.1596C14.3453 18.3824 13.6951 17.6715 12.9712 17.0403L11.9894 16.1842C11.9713 16.1685 11.9525 16.1536 11.933 16.1396L10.5495 15.1494C10.6743 14.7414 11.0256 14.5001 11.4965 14.5001C12.1334 14.5001 12.586 14.9 12.7383 15.0345C12.7503 15.045 12.7603 15.0539 12.7685 15.0609C12.9913 15.2503 13.3037 15.293 13.5691 15.1703C13.8345 15.0476 14.0044 14.7819 14.0044 14.4895V9.49951C14.0044 9.43208 14.0313 9.36388 14.0732 9.31806C14.1063 9.28187 14.1561 9.24951 14.25 9.24951C14.3453 9.24951 14.3969 9.28253 14.4309 9.31943C14.4733 9.36544 14.5 9.43302 14.5 9.49951V13.2495C14.5 13.6637 14.8358 13.9995 15.25 13.9995C15.6642 13.9995 16 13.6637 16 13.2495V8.74789C16 8.68422 16.026 8.61673 16.0692 8.5699C16.1038 8.53234 16.1556 8.49951 16.25 8.49951C16.3444 8.49951 16.3962 8.53234 16.4308 8.5699ZM4.25133 13.9995C4.66555 13.9995 5.00134 14.3353 5.00135 14.7495L5.00136 15.4973H5.74681C6.16103 15.4973 6.49681 15.8331 6.49681 16.2473C6.49681 16.6615 6.16103 16.9973 5.74681 16.9973H5.0014L5.00143 17.7532C5.00145 18.1674 4.66568 18.5032 4.25147 18.5032C3.83725 18.5033 3.50145 18.1675 3.50143 17.7533L3.5014 16.9973H2.75C2.33579 16.9973 2 16.6615 2 16.2473C2 15.8331 2.33579 15.4973 2.75 15.4973H3.50136L3.50135 14.7495C3.50134 14.3353 3.83712 13.9995 4.25133 13.9995ZM8.25133 17.4995C8.66555 17.4995 9.00134 17.8353 9.00135 18.2495L9.00136 18.9973H9.74681C10.161 18.9973 10.4968 19.3331 10.4968 19.7473C10.4968 20.1615 10.161 20.4973 9.74681 20.4973H9.0014L9.00143 21.2532C9.00145 21.6674 8.66568 22.0032 8.25147 22.0032C7.83725 22.0033 7.50145 21.6675 7.50143 21.2533L7.5014 20.4973H6.75C6.33579 20.4973 6 20.1615 6 19.7473C6 19.3331 6.33579 18.9973 6.75 18.9973H7.50136L7.50135 18.2495C7.50134 17.8353 7.83712 17.4995 8.25133 17.4995Z" fill="currentColor"/></svg>

Use it from the SVG package

Microsoft's @fluentui/svg-icons package contains the raw SVG files, which works well with bundlers that import SVGs:

npm install @fluentui/svg-icons

import icon from "@fluentui/svg-icons/icons/sanitize_24_regular.svg";

Details

Keywords

cleansparklehandsoap