What is the purpose of the clean icon?

It signifies an action to remove or clear data, such as clearing search filters or resetting a form.

How do I use the clean icon in React?

Import both HugeiconsIcon and CleanIcon, then render .

What is the license for this icon?

The HugeIcons clean icon is available under the MIT license.

clean icon

HugeIcons · CleanIcon · MIT

The HugeIcons clean icon depicts a broom and dustpan, commonly used to represent actions like clearing, tidying, or resetting content in a user interface.

Common uses

Clear search results
Reset form fields
Delete all items

Use it in React

Install

npm i @hugeicons/react @hugeicons/core-free-icons

Import & render

import { HugeiconsIcon } from '@hugeicons/react';
import { CleanIcon } from '@hugeicons/core-free-icons';

<HugeiconsIcon icon={CleanIcon} size={24} strokeWidth={1.5} />

Details

Library: HugeIcons (5,121 icons)
License: MIT
viewBox: 0 0 24 24
Keywords: broomdustpanclearreset

FAQ

What is the purpose of the clean icon?: It signifies an action to remove or clear data, such as clearing search filters or resetting a form.
How do I use the clean icon in React?: Import both HugeiconsIcon and CleanIcon, then render <HugeiconsIcon icon={CleanIcon} />.
What is the license for this icon?: The HugeIcons clean icon is available under the MIT license.

Looking for something else? Search HugeIcons and 4 more libraries by description →