broom icon
broom-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.
- Name
- broom-light
- Set
- Phosphor
- Style
- Light
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
broomFont Awesome 6 SolidbroomFont Awesome Solidbroom-16-filledFluent UI System IconsbroomFluent EmojibroomFluent Emoji FlatbroomFluent Emoji High ContrastbroomLine AwesomebroomLucidebroomLucide LabbroomMaterial Design Iconsbroom-fillMingCute IconbroomNoto EmojibroomOpenMojibroom-boldSolarbroomTwitter Emoji
Use the broom icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M234.62 218.6C211.35 207.29 198 183 198 152v-17.3a14 14 0 0 0-8.82-13l-24.89-9.83a10 10 0 0 1-5.59-13L180 45.9a26 26 0 0 0-15-34.33c-12.95-4.83-27.88 1.84-33.31 15l-21 53.11a10 10 0 0 1-13 5.61L72.37 75a13.9 13.9 0 0 0-15.2 3.19C36.49 99.42 26 124.26 26 152a109.53 109.53 0 0 0 30.62 76.16A6 6 0 0 0 61 230h171a6 6 0 0 0 2.62-11.4M65.77 86.52a2 2 0 0 1 2.12-.43l25.4 10.29a22 22 0 0 0 28.63-12.32l21-53c3-7.13 11-10.81 18-8.21a14 14 0 0 1 8 18.54l-21.36 53.1a22.05 22.05 0 0 0 12.3 28.51l24.88 9.83a2 2 0 0 1 1.26 1.87V152c0 1.34 0 2.65.08 4L52.74 102.61a110 110 0 0 1 13.03-16.09M114.33 218a89.6 89.6 0 0 1-25.5-43.5a6 6 0 1 0-11.62 3a102.9 102.9 0 0 0 20.6 40.5H63.56A97.56 97.56 0 0 1 38 152a87.4 87.4 0 0 1 8.71-38.86l140.64 56.26c3.15 19.92 11.77 36.66 25 48.6Z"/></svg>
React
import type { SVGProps } from "react";
export function PhBroomLight(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M234.62 218.6C211.35 207.29 198 183 198 152v-17.3a14 14 0 0 0-8.82-13l-24.89-9.83a10 10 0 0 1-5.59-13L180 45.9a26 26 0 0 0-15-34.33c-12.95-4.83-27.88 1.84-33.31 15l-21 53.11a10 10 0 0 1-13 5.61L72.37 75a13.9 13.9 0 0 0-15.2 3.19C36.49 99.42 26 124.26 26 152a109.53 109.53 0 0 0 30.62 76.16A6 6 0 0 0 61 230h171a6 6 0 0 0 2.62-11.4M65.77 86.52a2 2 0 0 1 2.12-.43l25.4 10.29a22 22 0 0 0 28.63-12.32l21-53c3-7.13 11-10.81 18-8.21a14 14 0 0 1 8 18.54l-21.36 53.1a22.05 22.05 0 0 0 12.3 28.51l24.88 9.83a2 2 0 0 1 1.26 1.87V152c0 1.34 0 2.65.08 4L52.74 102.61a110 110 0 0 1 13.03-16.09M114.33 218a89.6 89.6 0 0 1-25.5-43.5a6 6 0 1 0-11.62 3a102.9 102.9 0 0 0 20.6 40.5H63.56A97.56 97.56 0 0 1 38 152a87.4 87.4 0 0 1 8.71-38.86l140.64 56.26c3.15 19.92 11.77 36.66 25 48.6Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M234.62 218.6C211.35 207.29 198 183 198 152v-17.3a14 14 0 0 0-8.82-13l-24.89-9.83a10 10 0 0 1-5.59-13L180 45.9a26 26 0 0 0-15-34.33c-12.95-4.83-27.88 1.84-33.31 15l-21 53.11a10 10 0 0 1-13 5.61L72.37 75a13.9 13.9 0 0 0-15.2 3.19C36.49 99.42 26 124.26 26 152a109.53 109.53 0 0 0 30.62 76.16A6 6 0 0 0 61 230h171a6 6 0 0 0 2.62-11.4M65.77 86.52a2 2 0 0 1 2.12-.43l25.4 10.29a22 22 0 0 0 28.63-12.32l21-53c3-7.13 11-10.81 18-8.21a14 14 0 0 1 8 18.54l-21.36 53.1a22.05 22.05 0 0 0 12.3 28.51l24.88 9.83a2 2 0 0 1 1.26 1.87V152c0 1.34 0 2.65.08 4L52.74 102.61a110 110 0 0 1 13.03-16.09M114.33 218a89.6 89.6 0 0 1-25.5-43.5a6 6 0 1 0-11.62 3a102.9 102.9 0 0 0 20.6 40.5H63.56A97.56 97.56 0 0 1 38 152a87.4 87.4 0 0 1 8.71-38.86l140.64 56.26c3.15 19.92 11.77 36.66 25 48.6Z"/></svg> </template>
CSS
.icon-broom-light {
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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M234.62%20218.6C211.35%20207.29%20198%20183%20198%20152v-17.3a14%2014%200%200%200-8.82-13l-24.89-9.83a10%2010%200%200%201-5.59-13L180%2045.9a26%2026%200%200%200-15-34.33c-12.95-4.83-27.88%201.84-33.31%2015l-21%2053.11a10%2010%200%200%201-13%205.61L72.37%2075a13.9%2013.9%200%200%200-15.2%203.19C36.49%2099.42%2026%20124.26%2026%20152a109.53%20109.53%200%200%200%2030.62%2076.16A6%206%200%200%200%2061%20230h171a6%206%200%200%200%202.62-11.4M65.77%2086.52a2%202%200%200%201%202.12-.43l25.4%2010.29a22%2022%200%200%200%2028.63-12.32l21-53c3-7.13%2011-10.81%2018-8.21a14%2014%200%200%201%208%2018.54l-21.36%2053.1a22.05%2022.05%200%200%200%2012.3%2028.51l24.88%209.83a2%202%200%200%201%201.26%201.87V152c0%201.34%200%202.65.08%204L52.74%20102.61a110%20110%200%200%201%2013.03-16.09M114.33%20218a89.6%2089.6%200%200%201-25.5-43.5a6%206%200%201%200-11.62%203a102.9%20102.9%200%200%200%2020.6%2040.5H63.56A97.56%2097.56%200%200%201%2038%20152a87.4%2087.4%200%200%201%208.71-38.86l140.64%2056.26c3.15%2019.92%2011.77%2036.66%2025%2048.6Z%22%2F%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M234.62%20218.6C211.35%20207.29%20198%20183%20198%20152v-17.3a14%2014%200%200%200-8.82-13l-24.89-9.83a10%2010%200%200%201-5.59-13L180%2045.9a26%2026%200%200%200-15-34.33c-12.95-4.83-27.88%201.84-33.31%2015l-21%2053.11a10%2010%200%200%201-13%205.61L72.37%2075a13.9%2013.9%200%200%200-15.2%203.19C36.49%2099.42%2026%20124.26%2026%20152a109.53%20109.53%200%200%200%2030.62%2076.16A6%206%200%200%200%2061%20230h171a6%206%200%200%200%202.62-11.4M65.77%2086.52a2%202%200%200%201%202.12-.43l25.4%2010.29a22%2022%200%200%200%2028.63-12.32l21-53c3-7.13%2011-10.81%2018-8.21a14%2014%200%200%201%208%2018.54l-21.36%2053.1a22.05%2022.05%200%200%200%2012.3%2028.51l24.88%209.83a2%202%200%200%201%201.26%201.87V152c0%201.34%200%202.65.08%204L52.74%20102.61a110%20110%200%200%201%2013.03-16.09M114.33%20218a89.6%2089.6%200%200%201-25.5-43.5a6%206%200%201%200-11.62%203a102.9%20102.9%200%200%200%2020.6%2040.5H63.56A97.56%2097.56%200%200%201%2038%20152a87.4%2087.4%200%200%201%208.71-38.86l140.64%2056.26c3.15%2019.92%2011.77%2036.66%2025%2048.6Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/broom-light.svg?color=%231a73e8&size=48
