broom ball icon

broom-ball from Font Awesome 6 Solid by Dave Gandy · Regular · CC-BY-4.0 Attribution required.

Name
broom-ball
Set
Font Awesome 6 Solid
Style
Regular
Viewbox
576×512
License
CC BY 4.0

The same icon in other sets

broom-ballFont Awesome Solid

Use the broom ball icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M566.6 9.4c12.5 12.5 12.5 32.8 0 45.3l-192 192l34.7 34.7c4.2 4.2 6.6 10 6.6 16c0 12.5-10.1 22.6-22.6 22.6h-29.1L256 211.7v-29.1c0-12.5 10.1-22.6 22.6-22.6c6 0 11.8 2.4 16 6.6l34.7 34.7l192-192c12.5-12.5 32.8-12.5 45.3 0zm-344 225.5l118.5 118.5c3.7 42.7-11.7 85.2-42.3 115.8c-27.4 27.4-64.6 42.8-103.3 42.8H22.1C9.9 512 0 502.1 0 489.9c0-6.3 2.7-12.3 7.3-16.5l126.4-113.7c4.2-3.7-.4-10.4-5.4-7.9l-51.1 25.6c-6.1 3-13.2-1.4-13.2-8.2c0-31.5 12.5-61.7 34.8-84l8-8c30.6-30.6 73.1-45.9 115.8-42.3M464 352a80 80 0 1 1 0 160a80 80 0 1 1 0-160"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidBroomBall(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M566.6 9.4c12.5 12.5 12.5 32.8 0 45.3l-192 192l34.7 34.7c4.2 4.2 6.6 10 6.6 16c0 12.5-10.1 22.6-22.6 22.6h-29.1L256 211.7v-29.1c0-12.5 10.1-22.6 22.6-22.6c6 0 11.8 2.4 16 6.6l34.7 34.7l192-192c12.5-12.5 32.8-12.5 45.3 0zm-344 225.5l118.5 118.5c3.7 42.7-11.7 85.2-42.3 115.8c-27.4 27.4-64.6 42.8-103.3 42.8H22.1C9.9 512 0 502.1 0 489.9c0-6.3 2.7-12.3 7.3-16.5l126.4-113.7c4.2-3.7-.4-10.4-5.4-7.9l-51.1 25.6c-6.1 3-13.2-1.4-13.2-8.2c0-31.5 12.5-61.7 34.8-84l8-8c30.6-30.6 73.1-45.9 115.8-42.3M464 352a80 80 0 1 1 0 160a80 80 0 1 1 0-160"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M566.6 9.4c12.5 12.5 12.5 32.8 0 45.3l-192 192l34.7 34.7c4.2 4.2 6.6 10 6.6 16c0 12.5-10.1 22.6-22.6 22.6h-29.1L256 211.7v-29.1c0-12.5 10.1-22.6 22.6-22.6c6 0 11.8 2.4 16 6.6l34.7 34.7l192-192c12.5-12.5 32.8-12.5 45.3 0zm-344 225.5l118.5 118.5c3.7 42.7-11.7 85.2-42.3 115.8c-27.4 27.4-64.6 42.8-103.3 42.8H22.1C9.9 512 0 502.1 0 489.9c0-6.3 2.7-12.3 7.3-16.5l126.4-113.7c4.2-3.7-.4-10.4-5.4-7.9l-51.1 25.6c-6.1 3-13.2-1.4-13.2-8.2c0-31.5 12.5-61.7 34.8-84l8-8c30.6-30.6 73.1-45.9 115.8-42.3M464 352a80 80 0 1 1 0 160a80 80 0 1 1 0-160"/></svg>
</template>

CSS

.icon-broom-ball {
  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%20576%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M566.6%209.4c12.5%2012.5%2012.5%2032.8%200%2045.3l-192%20192l34.7%2034.7c4.2%204.2%206.6%2010%206.6%2016c0%2012.5-10.1%2022.6-22.6%2022.6h-29.1L256%20211.7v-29.1c0-12.5%2010.1-22.6%2022.6-22.6c6%200%2011.8%202.4%2016%206.6l34.7%2034.7l192-192c12.5-12.5%2032.8-12.5%2045.3%200zm-344%20225.5l118.5%20118.5c3.7%2042.7-11.7%2085.2-42.3%20115.8c-27.4%2027.4-64.6%2042.8-103.3%2042.8H22.1C9.9%20512%200%20502.1%200%20489.9c0-6.3%202.7-12.3%207.3-16.5l126.4-113.7c4.2-3.7-.4-10.4-5.4-7.9l-51.1%2025.6c-6.1%203-13.2-1.4-13.2-8.2c0-31.5%2012.5-61.7%2034.8-84l8-8c30.6-30.6%2073.1-45.9%20115.8-42.3M464%20352a80%2080%200%201%201%200%20160a80%2080%200%201%201%200-160%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%20576%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M566.6%209.4c12.5%2012.5%2012.5%2032.8%200%2045.3l-192%20192l34.7%2034.7c4.2%204.2%206.6%2010%206.6%2016c0%2012.5-10.1%2022.6-22.6%2022.6h-29.1L256%20211.7v-29.1c0-12.5%2010.1-22.6%2022.6-22.6c6%200%2011.8%202.4%2016%206.6l34.7%2034.7l192-192c12.5-12.5%2032.8-12.5%2045.3%200zm-344%20225.5l118.5%20118.5c3.7%2042.7-11.7%2085.2-42.3%20115.8c-27.4%2027.4-64.6%2042.8-103.3%2042.8H22.1C9.9%20512%200%20502.1%200%20489.9c0-6.3%202.7-12.3%207.3-16.5l126.4-113.7c4.2-3.7-.4-10.4-5.4-7.9l-51.1%2025.6c-6.1%203-13.2-1.4-13.2-8.2c0-31.5%2012.5-61.7%2034.8-84l8-8c30.6-30.6%2073.1-45.9%20115.8-42.3M464%20352a80%2080%200%201%201%200%20160a80%2080%200%201%201%200-160%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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