wind power icon

wind-power from Material Design Icons by Pictogrammers · Filled · Home Automation · Apache-2.0 Free for personal and commercial use.

Name: wind-power
Set: Material Design Icons
Style: Filled
Category: Home Automation
Viewbox: 24×24
License: Apache 2.0
Aliases: wind-electricity, wind-energy

1 other variant in Material Design Icons

wind-power-outline

The same icon in other sets

wind-powerCarbon wind-powerElement Plus wind-powerHuge Icons wind-powerMaterial Symbols wind-powerMaterial Symbols Light

More home automation icons from Material Design Icons

Use the wind power icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4 3h6v2H4zM1 7h5v2H1zm2 12h5v2H3zm10.73-8.39c.77.23 1.3.78 1.57 1.46l4.27-7.11c.65-1.08.3-2.46-.78-3.13c-.87-.52-1.99-.41-2.73.29l-3.43 3.21c-.4.37-.63.9-.63 1.45v3.93c.36-.15 1-.33 1.73-.1m-3.12 1.66c.16-.52.48-.96.89-1.27H3.28C2 11 1 12 1 13.28c0 1.02.67 1.91 1.65 2.19l4.51 1.29c.53.15 1.1.08 1.58-.21l2.69-1.61a2.49 2.49 0 0 1-.82-2.67m11.6 6.34l-2.28-4.11a2.07 2.07 0 0 0-1.26-.96l-3.17-.8c0 .32 0 .66-.11.99A2.48 2.48 0 0 1 13 15.5c-.61 0-1-.22-1-.22V21c-1.1 0-2 .9-2 2h6c0-1.1-.9-2-2-2v-4.28l4.61 4.61c.89.89 2.33.89 3.22 0c.72-.72.88-1.83.38-2.72m-9.65-4.18c.79.24 1.63-.2 1.87-1c.24-.79-.2-1.63-1-1.87c-.79-.24-1.63.2-1.87 1c-.24.79.21 1.63 1 1.87"/></svg>

React

import type { SVGProps } from "react";

export function MdiWindPower(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4 3h6v2H4zM1 7h5v2H1zm2 12h5v2H3zm10.73-8.39c.77.23 1.3.78 1.57 1.46l4.27-7.11c.65-1.08.3-2.46-.78-3.13c-.87-.52-1.99-.41-2.73.29l-3.43 3.21c-.4.37-.63.9-.63 1.45v3.93c.36-.15 1-.33 1.73-.1m-3.12 1.66c.16-.52.48-.96.89-1.27H3.28C2 11 1 12 1 13.28c0 1.02.67 1.91 1.65 2.19l4.51 1.29c.53.15 1.1.08 1.58-.21l2.69-1.61a2.49 2.49 0 0 1-.82-2.67m11.6 6.34l-2.28-4.11a2.07 2.07 0 0 0-1.26-.96l-3.17-.8c0 .32 0 .66-.11.99A2.48 2.48 0 0 1 13 15.5c-.61 0-1-.22-1-.22V21c-1.1 0-2 .9-2 2h6c0-1.1-.9-2-2-2v-4.28l4.61 4.61c.89.89 2.33.89 3.22 0c.72-.72.88-1.83.38-2.72m-9.65-4.18c.79.24 1.63-.2 1.87-1c.24-.79-.2-1.63-1-1.87c-.79-.24-1.63.2-1.87 1c-.24.79.21 1.63 1 1.87"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4 3h6v2H4zM1 7h5v2H1zm2 12h5v2H3zm10.73-8.39c.77.23 1.3.78 1.57 1.46l4.27-7.11c.65-1.08.3-2.46-.78-3.13c-.87-.52-1.99-.41-2.73.29l-3.43 3.21c-.4.37-.63.9-.63 1.45v3.93c.36-.15 1-.33 1.73-.1m-3.12 1.66c.16-.52.48-.96.89-1.27H3.28C2 11 1 12 1 13.28c0 1.02.67 1.91 1.65 2.19l4.51 1.29c.53.15 1.1.08 1.58-.21l2.69-1.61a2.49 2.49 0 0 1-.82-2.67m11.6 6.34l-2.28-4.11a2.07 2.07 0 0 0-1.26-.96l-3.17-.8c0 .32 0 .66-.11.99A2.48 2.48 0 0 1 13 15.5c-.61 0-1-.22-1-.22V21c-1.1 0-2 .9-2 2h6c0-1.1-.9-2-2-2v-4.28l4.61 4.61c.89.89 2.33.89 3.22 0c.72-.72.88-1.83.38-2.72m-9.65-4.18c.79.24 1.63-.2 1.87-1c.24-.79-.2-1.63-1-1.87c-.79-.24-1.63.2-1.87 1c-.24.79.21 1.63 1 1.87"/></svg>
</template>

CSS

.icon-wind-power {
  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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4%203h6v2H4zM1%207h5v2H1zm2%2012h5v2H3zm10.73-8.39c.77.23%201.3.78%201.57%201.46l4.27-7.11c.65-1.08.3-2.46-.78-3.13c-.87-.52-1.99-.41-2.73.29l-3.43%203.21c-.4.37-.63.9-.63%201.45v3.93c.36-.15%201-.33%201.73-.1m-3.12%201.66c.16-.52.48-.96.89-1.27H3.28C2%2011%201%2012%201%2013.28c0%201.02.67%201.91%201.65%202.19l4.51%201.29c.53.15%201.1.08%201.58-.21l2.69-1.61a2.49%202.49%200%200%201-.82-2.67m11.6%206.34l-2.28-4.11a2.07%202.07%200%200%200-1.26-.96l-3.17-.8c0%20.32%200%20.66-.11.99A2.48%202.48%200%200%201%2013%2015.5c-.61%200-1-.22-1-.22V21c-1.1%200-2%20.9-2%202h6c0-1.1-.9-2-2-2v-4.28l4.61%204.61c.89.89%202.33.89%203.22%200c.72-.72.88-1.83.38-2.72m-9.65-4.18c.79.24%201.63-.2%201.87-1c.24-.79-.2-1.63-1-1.87c-.79-.24-1.63.2-1.87%201c-.24.79.21%201.63%201%201.87%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4%203h6v2H4zM1%207h5v2H1zm2%2012h5v2H3zm10.73-8.39c.77.23%201.3.78%201.57%201.46l4.27-7.11c.65-1.08.3-2.46-.78-3.13c-.87-.52-1.99-.41-2.73.29l-3.43%203.21c-.4.37-.63.9-.63%201.45v3.93c.36-.15%201-.33%201.73-.1m-3.12%201.66c.16-.52.48-.96.89-1.27H3.28C2%2011%201%2012%201%2013.28c0%201.02.67%201.91%201.65%202.19l4.51%201.29c.53.15%201.1.08%201.58-.21l2.69-1.61a2.49%202.49%200%200%201-.82-2.67m11.6%206.34l-2.28-4.11a2.07%202.07%200%200%200-1.26-.96l-3.17-.8c0%20.32%200%20.66-.11.99A2.48%202.48%200%200%201%2013%2015.5c-.61%200-1-.22-1-.22V21c-1.1%200-2%20.9-2%202h6c0-1.1-.9-2-2-2v-4.28l4.61%204.61c.89.89%202.33.89%203.22%200c.72-.72.88-1.83.38-2.72m-9.65-4.18c.79.24%201.63-.2%201.87-1c.24-.79-.2-1.63-1-1.87c-.79-.24-1.63.2-1.87%201c-.24.79.21%201.63%201%201.87%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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