Broom Sharp Duotone icon
keyline-icons:broom-sharp-duotone
The Broom Sharp Duotone icon (keyline-icons:broom-sharp-duotone) is a free SVG icon from the Keyline Icons set. It is drawn on a 24 × 24 grid. Keyline Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Keyline Icons
- Author
- Keyline Icons
- License
- MIT
- Size
- 24 × 24
- Tags
- broomsharp, sharpduotone, broomsharpduotone
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M12.3407 10.6875C13.3197 9.91207 14.6837 9.52866 16.2625 10.251C16.2923 10.2647 16.3221 10.2794 16.3504 10.2959C17.0554 10.7073 17.5302 11.2724 17.7938 11.9258C18.0507 12.5629 18.0845 13.2265 18.0145 13.8272C17.8963 14.8401 17.4674 15.8077 17.0584 16.4903C17.0599 16.8058 17.0031 17.1154 16.9412 17.3692C16.8371 17.7967 16.6726 18.2576 16.492 18.6973C16.1327 19.5722 15.668 20.4607 15.3455 21.0235L15.3465 21.0245C14.9824 21.6817 14.5096 22.1948 13.9266 22.5352C13.3428 22.876 12.7061 23.0099 12.0682 22.9991C10.8306 22.9779 9.54229 22.4123 8.36995 21.6836C6.00174 20.2117 3.61792 17.7643 2.14827 15.9815C1.87757 15.653 1.84396 15.1888 2.06526 14.8252C2.28657 14.4617 2.71459 14.2786 3.13069 14.3682C6.2 15.029 9.32886 13.7321 10.7186 12.8702C11.0205 12.1716 11.5541 11.3106 12.3407 10.6875Z" stroke="none"/><path d="M15.8469 11.1602L21.2053 1.48438"/></g></svg>
How to use the Broom Sharp Duotone icon
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:broom-sharp-duotone" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:broom-sharp-duotone" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:broom-sharp-duotone" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--broom-sharp-duotone]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:broom-sharp-duotone"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:broom-sharp-duotone"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/keyline-icons/broom-sharp-duotone.svg" alt="Broom Sharp Duotone icon" width="24" height="24">
Related icons in Keyline Icons
Broom Sharp Duotone icon FAQ
Is the Broom Sharp Duotone icon free for commercial use?
Yes. Keyline Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Broom Sharp Duotone icon in React?
Install @iconify/react and render <Icon icon="keyline-icons:broom-sharp-duotone" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Broom Sharp Duotone icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/keyline-icons/broom-sharp-duotone.svg" alt="Broom Sharp Duotone icon">, or paste the SVG code inline to style it with CSS.
Browse all Keyline Icons →
ICONYZ
