Gentleface › Nature & animals › wind-turbine

wind-turbine icon

Wind turbine: wind power, wind energy, renewable energy, wind farm. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M10.5 14C10.641 14 10.759 14.048 10.856 14.144C10.952 14.241 11 14.359 11 14.5C11 14.641 10.952 14.759 10.856 14.856C10.759 14.952 10.641 15 10.5 15L4.5 15C4.359 15 4.241 14.952 4.144 14.856C4.048 14.759 4 14.641 4 14.5C4 14.359 4.048 14.241 4.144 14.144C4.241 14.048 4.359 14 4.5 14L6 14L6.857 8.855C6.752 8.805 6.653 8.743 6.561 8.67C6.479 8.85 6.389 8.993 6.292 9.097C6.173 9.226 5.992 9.36 5.75 9.5C4.786 10.057 3.881 10.453 3.036 10.689C2.826 10.747 2.639 10.79 2.474 10.817C2.356 10.836 2.235 10.808 2.138 10.738C2.041 10.669 1.976 10.563 1.957 10.446C1.936 10.317 1.972 10.185 2.055 10.085C2.151 9.97 2.268 9.845 2.405 9.711C3.003 9.128 3.785 8.557 4.75 8C5.005 7.853 5.23 7.758 5.424 7.716C5.58 7.682 5.776 7.673 6.012 7.689C6.004 7.626 6 7.563 6 7.5C6 7.207 6.079 6.936 6.238 6.689C6.397 6.442 6.609 6.258 6.876 6.136C6.742 5.964 6.65 5.81 6.599 5.675C6.533 5.498 6.5 5.273 6.5 5C6.5 3.901 6.623 2.934 6.869 2.1C6.939 1.86 7.014 1.656 7.092 1.488C7.142 1.38 7.233 1.296 7.345 1.255C7.457 1.214 7.581 1.219 7.689 1.269C7.786 1.314 7.863 1.392 7.908 1.488C7.986 1.656 8.061 1.86 8.131 2.1C8.377 2.934 8.5 3.901 8.5 5C8.5 5.273 8.467 5.498 8.401 5.675C8.35 5.81 8.258 5.964 8.124 6.136C8.391 6.258 8.603 6.442 8.762 6.689C8.921 6.936 9 7.207 9 7.5C9 7.563 8.996 7.626 8.988 7.689C9.224 7.673 9.42 7.682 9.576 7.716C9.77 7.758 9.995 7.853 10.25 8C11.215 8.557 11.997 9.128 12.595 9.711C12.732 9.845 12.849 9.97 12.945 10.085C13.104 10.276 13.078 10.56 12.887 10.719C12.787 10.802 12.655 10.838 12.526 10.817C12.361 10.79 12.174 10.747 11.964 10.689C11.119 10.453 10.214 10.057 9.25 9.5C9.008 9.36 8.827 9.226 8.708 9.097C8.611 8.993 8.521 8.85 8.439 8.67C8.347 8.743 8.248 8.805 8.143 8.855L9 14L10.5 14Z"/></svg>

React

// Gentleface "wind-turbine" (line-round), MIT. https://gentleface.com/icons/wind-turbine
import type { SVGProps } from 'react';

export function WindTurbineIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M10.5 14C10.641 14 10.759 14.048 10.856 14.144C10.952 14.241 11 14.359 11 14.5C11 14.641 10.952 14.759 10.856 14.856C10.759 14.952 10.641 15 10.5 15L4.5 15C4.359 15 4.241 14.952 4.144 14.856C4.048 14.759 4 14.641 4 14.5C4 14.359 4.048 14.241 4.144 14.144C4.241 14.048 4.359 14 4.5 14L6 14L6.857 8.855C6.752 8.805 6.653 8.743 6.561 8.67C6.479 8.85 6.389 8.993 6.292 9.097C6.173 9.226 5.992 9.36 5.75 9.5C4.786 10.057 3.881 10.453 3.036 10.689C2.826 10.747 2.639 10.79 2.474 10.817C2.356 10.836 2.235 10.808 2.138 10.738C2.041 10.669 1.976 10.563 1.957 10.446C1.936 10.317 1.972 10.185 2.055 10.085C2.151 9.97 2.268 9.845 2.405 9.711C3.003 9.128 3.785 8.557 4.75 8C5.005 7.853 5.23 7.758 5.424 7.716C5.58 7.682 5.776 7.673 6.012 7.689C6.004 7.626 6 7.563 6 7.5C6 7.207 6.079 6.936 6.238 6.689C6.397 6.442 6.609 6.258 6.876 6.136C6.742 5.964 6.65 5.81 6.599 5.675C6.533 5.498 6.5 5.273 6.5 5C6.5 3.901 6.623 2.934 6.869 2.1C6.939 1.86 7.014 1.656 7.092 1.488C7.142 1.38 7.233 1.296 7.345 1.255C7.457 1.214 7.581 1.219 7.689 1.269C7.786 1.314 7.863 1.392 7.908 1.488C7.986 1.656 8.061 1.86 8.131 2.1C8.377 2.934 8.5 3.901 8.5 5C8.5 5.273 8.467 5.498 8.401 5.675C8.35 5.81 8.258 5.964 8.124 6.136C8.391 6.258 8.603 6.442 8.762 6.689C8.921 6.936 9 7.207 9 7.5C9 7.563 8.996 7.626 8.988 7.689C9.224 7.673 9.42 7.682 9.576 7.716C9.77 7.758 9.995 7.853 10.25 8C11.215 8.557 11.997 9.128 12.595 9.711C12.732 9.845 12.849 9.97 12.945 10.085C13.104 10.276 13.078 10.56 12.887 10.719C12.787 10.802 12.655 10.838 12.526 10.817C12.361 10.79 12.174 10.747 11.964 10.689C11.119 10.453 10.214 10.057 9.25 9.5C9.008 9.36 8.827 9.226 8.708 9.097C8.611 8.993 8.521 8.85 8.439 8.67C8.347 8.743 8.248 8.805 8.143 8.855L9 14L10.5 14Z" />
    </svg>
  );
}

Vue

Vue: see /icons/wind-turbine.md

Svelte

Svelte: see /icons/wind-turbine.md

HTML img

HTML img: see /icons/wind-turbine.md

CSS

CSS: see /icons/wind-turbine.md

Data URL

Data URL: see /icons/wind-turbine.md

Sprite

Sprite: see /icons/wind-turbine.md

SwiftUI

SwiftUI: see /icons/wind-turbine.md

Compose

Compose: see /icons/wind-turbine.md

Android XML

Android XML: see /icons/wind-turbine.md

Flutter

Flutter: see /icons/wind-turbine.md

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

Meaning

Use it for

wind power, wind energy, renewable energy, wind farm, renewables, clean energy, green energy

Alternatives

wind: wind as weather
solar-panel: solar energy

Also fits

solar panel: wind power
wind: wind power

Tags

wind-power, wind-energy, renewable-energy

Category

Nature & animals

Component name

WindTurbineIcon

History

2026-10-30 added

More nature & animals icons

bird birdhouse butterfly cactus cannabis cat clover co2 compost cow dog dog-bark feather fish fish-off flower · all nature & animals icons

For agents

Metadata: /icons/wind-turbine.json · Markdown: /icons/wind-turbine.md · SVG: https://gentleface.com/svg/{style}/16/wind-turbine.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/wind-turbine.png

wind-turbine icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp

Code line-round

Meaning

More nature & animals icons

For agents

wind-turbine icon