wind power icon

wind-power from Element Plus by Element Plus · Outline · MIT Free for personal and commercial use.

Name: wind-power
Set: Element Plus
Style: Outline
Viewbox: 1024×1024
License: MIT

The same icon in other sets

wind-powerCarbon wind-powerHuge Icons wind-powerMaterial Symbols wind-powerMaterial Symbols Light wind-powerMaterial Design Icons

Use the wind power icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M160 64q32 0 32 32v832q0 32-32 32t-32-32V96q0-32 32-32m416 354.6L704 407V169l-128-11.6zm-64 5.8V151.6L320 134v26h-64V64l616.7 56a96 96 0 0 1 87.3 95.7v144.6a96 96 0 0 1-87.3 95.6L256 512V224h64v218zm256-23.2l98.9-9a32 32 0 0 0 29.1-31.9V215.7a32 32 0 0 0-29.1-31.9l-98.9-9z"/></svg>

React

import type { SVGProps } from "react";

export function EpWindPower(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M160 64q32 0 32 32v832q0 32-32 32t-32-32V96q0-32 32-32m416 354.6L704 407V169l-128-11.6zm-64 5.8V151.6L320 134v26h-64V64l616.7 56a96 96 0 0 1 87.3 95.7v144.6a96 96 0 0 1-87.3 95.6L256 512V224h64v218zm256-23.2l98.9-9a32 32 0 0 0 29.1-31.9V215.7a32 32 0 0 0-29.1-31.9l-98.9-9z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M160 64q32 0 32 32v832q0 32-32 32t-32-32V96q0-32 32-32m416 354.6L704 407V169l-128-11.6zm-64 5.8V151.6L320 134v26h-64V64l616.7 56a96 96 0 0 1 87.3 95.7v144.6a96 96 0 0 1-87.3 95.6L256 512V224h64v218zm256-23.2l98.9-9a32 32 0 0 0 29.1-31.9V215.7a32 32 0 0 0-29.1-31.9l-98.9-9z"/></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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M160%2064q32%200%2032%2032v832q0%2032-32%2032t-32-32V96q0-32%2032-32m416%20354.6L704%20407V169l-128-11.6zm-64%205.8V151.6L320%20134v26h-64V64l616.7%2056a96%2096%200%200%201%2087.3%2095.7v144.6a96%2096%200%200%201-87.3%2095.6L256%20512V224h64v218zm256-23.2l98.9-9a32%2032%200%200%200%2029.1-31.9V215.7a32%2032%200%200%200-29.1-31.9l-98.9-9z%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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M160%2064q32%200%2032%2032v832q0%2032-32%2032t-32-32V96q0-32%2032-32m416%20354.6L704%20407V169l-128-11.6zm-64%205.8V151.6L320%20134v26h-64V64l616.7%2056a96%2096%200%200%201%2087.3%2095.7v144.6a96%2096%200%200%201-87.3%2095.6L256%20512V224h64v218zm256-23.2l98.9-9a32%2032%200%200%200%2029.1-31.9V215.7a32%2032%200%200%200-29.1-31.9l-98.9-9z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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