pinwheel icon

pinwheel-bold from Phosphor by Phosphor Icons · Bold · MIT Free for personal and commercial use.

Name: pinwheel-bold
Set: Phosphor
Style: Bold
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

pinwheel pinwheel-duotone pinwheel-fill pinwheel-light pinwheel-thin

The same icon in other sets

pinwheelIconPark pinwheelIconPark Outline pinwheelIconPark Solid pinwheelIconPark TwoTone pinwheelMajesticons pinwheelMaterial Design Icons pinwheel-fillMingCute Icon

Use the pinwheel icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m232.49 215.52l-44-44a64 64 0 0 0 35.59-81a12 12 0 0 0-15.38-7.17l-35.61 13a64 64 0 0 0-82.5-80.46a12 12 0 0 0-7.17 15.38l13 35.61a64 64 0 0 0-80.49 82.55a12 12 0 0 0 15.38 7.17l35.61-13a63.94 63.94 0 0 0 82.55 80.49a12 12 0 0 0 7.17-15.38l-12.95-35.59a63.5 63.5 0 0 0 15.7 3.16l56.17 56.17a12 12 0 0 0 17-17ZM129.38 39.78a40 40 0 0 1 7.43 68L110.7 36.05a39.8 39.8 0 0 1 18.68 3.73m-93.33 89.54a40 40 0 0 1 71.75-26.11Zm74.59 70.92a40 40 0 0 1-7.43-68L129.32 204a39.8 39.8 0 0 1-18.68-3.76m36.45-51.51a39.86 39.86 0 0 1-14.87-11.92L204 110.7a40 40 0 0 1-56.88 38Z"/></svg>

React

import type { SVGProps } from "react";

export function PhPinwheelBold(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="m232.49 215.52l-44-44a64 64 0 0 0 35.59-81a12 12 0 0 0-15.38-7.17l-35.61 13a64 64 0 0 0-82.5-80.46a12 12 0 0 0-7.17 15.38l13 35.61a64 64 0 0 0-80.49 82.55a12 12 0 0 0 15.38 7.17l35.61-13a63.94 63.94 0 0 0 82.55 80.49a12 12 0 0 0 7.17-15.38l-12.95-35.59a63.5 63.5 0 0 0 15.7 3.16l56.17 56.17a12 12 0 0 0 17-17ZM129.38 39.78a40 40 0 0 1 7.43 68L110.7 36.05a39.8 39.8 0 0 1 18.68 3.73m-93.33 89.54a40 40 0 0 1 71.75-26.11Zm74.59 70.92a40 40 0 0 1-7.43-68L129.32 204a39.8 39.8 0 0 1-18.68-3.76m36.45-51.51a39.86 39.86 0 0 1-14.87-11.92L204 110.7a40 40 0 0 1-56.88 38Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m232.49 215.52l-44-44a64 64 0 0 0 35.59-81a12 12 0 0 0-15.38-7.17l-35.61 13a64 64 0 0 0-82.5-80.46a12 12 0 0 0-7.17 15.38l13 35.61a64 64 0 0 0-80.49 82.55a12 12 0 0 0 15.38 7.17l35.61-13a63.94 63.94 0 0 0 82.55 80.49a12 12 0 0 0 7.17-15.38l-12.95-35.59a63.5 63.5 0 0 0 15.7 3.16l56.17 56.17a12 12 0 0 0 17-17ZM129.38 39.78a40 40 0 0 1 7.43 68L110.7 36.05a39.8 39.8 0 0 1 18.68 3.73m-93.33 89.54a40 40 0 0 1 71.75-26.11Zm74.59 70.92a40 40 0 0 1-7.43-68L129.32 204a39.8 39.8 0 0 1-18.68-3.76m36.45-51.51a39.86 39.86 0 0 1-14.87-11.92L204 110.7a40 40 0 0 1-56.88 38Z"/></svg>
</template>

CSS

.icon-pinwheel-bold {
  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%22m232.49%20215.52l-44-44a64%2064%200%200%200%2035.59-81a12%2012%200%200%200-15.38-7.17l-35.61%2013a64%2064%200%200%200-82.5-80.46a12%2012%200%200%200-7.17%2015.38l13%2035.61a64%2064%200%200%200-80.49%2082.55a12%2012%200%200%200%2015.38%207.17l35.61-13a63.94%2063.94%200%200%200%2082.55%2080.49a12%2012%200%200%200%207.17-15.38l-12.95-35.59a63.5%2063.5%200%200%200%2015.7%203.16l56.17%2056.17a12%2012%200%200%200%2017-17ZM129.38%2039.78a40%2040%200%200%201%207.43%2068L110.7%2036.05a39.8%2039.8%200%200%201%2018.68%203.73m-93.33%2089.54a40%2040%200%200%201%2071.75-26.11Zm74.59%2070.92a40%2040%200%200%201-7.43-68L129.32%20204a39.8%2039.8%200%200%201-18.68-3.76m36.45-51.51a39.86%2039.86%200%200%201-14.87-11.92L204%20110.7a40%2040%200%200%201-56.88%2038Z%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%22m232.49%20215.52l-44-44a64%2064%200%200%200%2035.59-81a12%2012%200%200%200-15.38-7.17l-35.61%2013a64%2064%200%200%200-82.5-80.46a12%2012%200%200%200-7.17%2015.38l13%2035.61a64%2064%200%200%200-80.49%2082.55a12%2012%200%200%200%2015.38%207.17l35.61-13a63.94%2063.94%200%200%200%2082.55%2080.49a12%2012%200%200%200%207.17-15.38l-12.95-35.59a63.5%2063.5%200%200%200%2015.7%203.16l56.17%2056.17a12%2012%200%200%200%2017-17ZM129.38%2039.78a40%2040%200%200%201%207.43%2068L110.7%2036.05a39.8%2039.8%200%200%201%2018.68%203.73m-93.33%2089.54a40%2040%200%200%201%2071.75-26.11Zm74.59%2070.92a40%2040%200%200%201-7.43-68L129.32%20204a39.8%2039.8%200%200%201-18.68-3.76m36.45-51.51a39.86%2039.86%200%200%201-14.87-11.92L204%20110.7a40%2040%200%200%201-56.88%2038Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/pinwheel-bold.svg?color=%231a73e8&size=48