broom icon

broom-duotone from Keyline Icons by Keyline Icons · Duotone · MIT Free for personal and commercial use.

Name
broom-duotone
Set
Keyline Icons
Style
Duotone
Viewbox
24×24
License
MIT

7 other variants in Keyline Icons

broombroom-fillbroom-sharpbroom-sharp-duotonebroom-sharp-fillbroom-sharp-two-tonebroom-two-tone

The same icon in other sets

All broom icons →
broomFont Awesome 6 SolidbroomFont Awesome Solidbroom-16-filledFluent UI System IconsbroomFluent EmojibroomFluent Emoji FlatbroomFluent Emoji High ContrastbroomLine AwesomebroomLucidebroomLucide LabbroomMaterial Design Iconsbroom-fillMingCute IconbroomNoto EmojibroomOpenMojibroomPhosphorbroom-boldSolarbroomTwitter Emoji

Use the broom icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>

React

import type { SVGProps } from "react";

export function KeylineIconsBroomDuotone(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2"><path fill="currentColor" fillOpacity=".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>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
</template>

CSS

.icon-broom-duotone {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.4%22%20d%3D%22M12.4209%2010.6875C13.3999%209.91207%2014.7639%209.52866%2016.3427%2010.251C16.3725%2010.2647%2016.4023%2010.2794%2016.4306%2010.2959C17.1356%2010.7073%2017.6104%2011.2724%2017.874%2011.9258C18.1309%2012.5629%2018.1647%2013.2265%2018.0947%2013.8272C17.9765%2014.8401%2017.5476%2015.8077%2017.1386%2016.4903C17.1401%2016.8058%2017.0833%2017.1154%2017.0214%2017.3692C16.9173%2017.7967%2016.7528%2018.2576%2016.5722%2018.6973C16.2129%2019.5722%2015.7482%2020.4607%2015.4257%2021.0235L15.4267%2021.0245C15.0626%2021.6817%2014.5898%2022.1948%2014.0068%2022.5352C13.423%2022.876%2012.7863%2023.0099%2012.1484%2022.9991C10.9108%2022.9779%209.62249%2022.4123%208.45015%2021.6836C6.08194%2020.2117%203.69812%2017.7643%202.22847%2015.9815C1.95777%2015.653%201.92416%2015.1888%202.14546%2014.8252C2.36677%2014.4617%202.79479%2014.2786%203.21089%2014.3682C6.2802%2015.029%209.40906%2013.7321%2010.7988%2012.8702C11.1007%2012.1716%2011.6343%2011.3106%2012.4209%2010.6875Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M15.9271%2011.1603L21%202%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.4%22%20d%3D%22M12.4209%2010.6875C13.3999%209.91207%2014.7639%209.52866%2016.3427%2010.251C16.3725%2010.2647%2016.4023%2010.2794%2016.4306%2010.2959C17.1356%2010.7073%2017.6104%2011.2724%2017.874%2011.9258C18.1309%2012.5629%2018.1647%2013.2265%2018.0947%2013.8272C17.9765%2014.8401%2017.5476%2015.8077%2017.1386%2016.4903C17.1401%2016.8058%2017.0833%2017.1154%2017.0214%2017.3692C16.9173%2017.7967%2016.7528%2018.2576%2016.5722%2018.6973C16.2129%2019.5722%2015.7482%2020.4607%2015.4257%2021.0235L15.4267%2021.0245C15.0626%2021.6817%2014.5898%2022.1948%2014.0068%2022.5352C13.423%2022.876%2012.7863%2023.0099%2012.1484%2022.9991C10.9108%2022.9779%209.62249%2022.4123%208.45015%2021.6836C6.08194%2020.2117%203.69812%2017.7643%202.22847%2015.9815C1.95777%2015.653%201.92416%2015.1888%202.14546%2014.8252C2.36677%2014.4617%202.79479%2014.2786%203.21089%2014.3682C6.2802%2015.029%209.40906%2013.7321%2010.7988%2012.8702C11.1007%2012.1716%2011.6343%2011.3106%2012.4209%2010.6875Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M15.9271%2011.1603L21%202%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/broom-duotone.svg?color=%231a73e8&size=48