Broom Duotone icon
keyline-icons:broom-duotone
The Broom Duotone icon (keyline-icons:broom-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
- broomduotone
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-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M12.4209 10.6875C13.3999 9.91207 14.7639 9.52866 16.3427 10.251C16.3725 10.2647 16.4023 10.2794 16.4306 10.2959C17.1356 10.7073 17.6104 11.2724 17.874 11.9258C18.1309 12.5629 18.1647 13.2265 18.0947 13.8272C17.9765 14.8401 17.5476 15.8077 17.1386 16.4903C17.1401 16.8058 17.0833 17.1154 17.0214 17.3692C16.9173 17.7967 16.7528 18.2576 16.5722 18.6973C16.2129 19.5722 15.7482 20.4607 15.4257 21.0235L15.4267 21.0245C15.0626 21.6817 14.5898 22.1948 14.0068 22.5352C13.423 22.876 12.7863 23.0099 12.1484 22.9991C10.9108 22.9779 9.62249 22.4123 8.45015 21.6836C6.08194 20.2117 3.69812 17.7643 2.22847 15.9815C1.95777 15.653 1.92416 15.1888 2.14546 14.8252C2.36677 14.4617 2.79479 14.2786 3.21089 14.3682C6.2802 15.029 9.40906 13.7321 10.7988 12.8702C11.1007 12.1716 11.6343 11.3106 12.4209 10.6875Z" stroke="none"/><path d="M15.9271 11.1603L21 2"/></g></svg>
How to use the Broom Duotone icon
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:broom-duotone" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:broom-duotone" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:broom-duotone" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--broom-duotone]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:broom-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-duotone"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/keyline-icons/broom-duotone.svg" alt="Broom Duotone icon" width="24" height="24">
Related icons in Keyline Icons
Broom Duotone icon in other icon sets
Broom Duotone icon FAQ
Is the Broom 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 Duotone icon in React?
Install @iconify/react and render <Icon icon="keyline-icons:broom-duotone" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Broom 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-duotone.svg" alt="Broom Duotone icon">, or paste the SVG code inline to style it with CSS.
Browse all Keyline Icons →
ICONYZ
