Broom icon in outline, twotone, bold and bulk. Free in all four styles, for props, objects and everything with no other sheet. Copy the SVG, the React, Vue or Svelte component, or download a PNG.
import { IconBroom } from "@devigner-ui/icons";
<IconBroom className="size-6" />
<script setup>
import { IconBroom } from "@devigner-ui/icons-vue";
</script>
<template>
<IconBroom class="size-6" />
</template>
<script>
import { IconBroom } from "@devigner-ui/icons-svelte";
</script>
<IconBroom class="size-6" />
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="1" d="M10.54 5.67 7.12 7.75 5.56 5.19a2 2 0 0 1 .67-2.75 2 2 0 0 1 2.75.67z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="m12.49 9.16-3.16 1.92a4 4 0 0 0-1.51 5.18l2.05 4.18a2.45 2.45 0 0 0 3.54 1.03l6.43-3.91a2.46 2.46 0 0 0 .71-3.62l-2.77-3.74a3.97 3.97 0 0 0-5.29-1.04" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M11.43 5.1 6.3 8.22l2.08 3.41 5.13-3.12z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path opacity="1" d="m14.98 16.81 1.65 2.71" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path opacity="1" d="m12.42 18.37 1.65 2.71" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path opacity="1" d="m17.54 15.25 1.65 2.71" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>