A broom on the diagonal, for cleanup, clearing caches, sweeping away data and housekeeping. On a 24×24 grid in stroke, duotone and fill, free under MIT.
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M11.6106 13.5362C10.257 14.466 6.6399 16.1295 3 15.3456C5.8769 18.8355 12.2148 24.7603 14.5521 20.5399C15.1662 19.4704 16.3379 17.1141 16.1118 16.2453ZM11.6106 13.5362C12.0558 12.2895 13.5424 10.069 15.9271 11.1603M16.1118 16.2453C16.9171 15.0561 18.0077 12.3742 15.9271 11.1603M15.9271 11.1603L21 2" fill="none"/>
</svg>Also called
What someone searching for this drawing would have typed instead. These are the words the browser's search matches on.
- clean
- sweep
- clear
- tidy
- housekeeping
- cleanup
- cache
Related icons
The rest of the broom family first, then the Tools shelf.
FAQ
Answered from broom's own facts: its shelf, the weights it was drawn in, its siblings and its dates.
- What is the broom icon for?
- A broom on the diagonal, for cleanup, clearing caches, sweeping away data and housekeeping. It is filed under Tools in Keyline Icons, drawn on the same 24×24 grid as the rest of the set. People look for it as clean, sweep, clear, tidy, housekeeping, cleanup and cache, and the browser's search matches all of those.
- What styles does the broom icon come in?
- All three: stroke, duotone and fill. They are drawn from the same geometry, so swapping weight never moves anything.
- Is there a square or circle version of broom?
- No. broom is drawn as a bare glyph, and the set has no boxed variant of it.
- What other icons go with broom?
- hammer, pencil-ruler, scissors, scissors-horizontal, toolbox and wrench, all shown below. They are the Tools shelf: nothing else in the set is named after broom.
- How do I import broom in React?
- <Broom /> is the component, and the weight decides the module: stroke from "@keyline-icons/react", duotone from "@keyline-icons/react/duotone" and fill from "@keyline-icons/react/fill". It takes the usual SVG props plus a size, so <Broom size={16} /> and className="size-4" both work, and there is no provider or theme to set up.
- Where is the broom SVG?
- icons/stroke/broom.svg, icons/duotone/broom.svg and icons/fill/broom.svg in the repository, normalised: no wrapper, no ids and no classes to strip out. The tabs above hand you the same drawing as SVG or JSX without the download, and neither needs an install.
- When was broom added to the set?
- Added 11 Sept 2026. It ships in v0.8.0, so an install at that version or later has it.
Questions about the set rather than about this drawing are answered where they belong. The home page covers what the set is, how the three styles differ, why some icons come boxed and where the Figma file is; installing the set in a shadcn/ui project covers the React package, the CLI and using an icon without React. The MIT licence is stated in the footer of every page.