Gentleface › Transportation › helicopter

helicopter icon

Helicopter: helicopter, heliport, chopper, helipad. 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="M14.856 1.144C14.952 1.241 15 1.359 15 1.5C15 1.641 14.952 1.759 14.856 1.856C14.759 1.952 14.641 2 14.5 2L10 2L10 5L10.5 5C11.072 5 11.624 5.105 12.156 5.316C12.734 5.545 13.243 5.879 13.682 6.318C14.121 6.757 14.455 7.266 14.684 7.844C14.895 8.376 15 8.928 15 9.5C15 9.818 14.941 10.125 14.824 10.42C14.697 10.741 14.512 11.024 14.268 11.268C14.024 11.512 13.741 11.697 13.42 11.824C13.283 11.879 13.143 11.921 13 11.95L13 14L14.5 14C14.641 14 14.759 14.048 14.856 14.144C14.952 14.241 15 14.359 15 14.5C15 14.641 14.952 14.759 14.856 14.856C14.759 14.952 14.641 15 14.5 15L6.5 15C6.359 15 6.241 14.952 6.144 14.856C6.048 14.759 6 14.641 6 14.5C6 14.359 6.048 14.241 6.144 14.144C6.241 14.048 6.359 14 6.5 14L8 14L8 12L7 12C6.724 12 6.488 11.902 6.293 11.707C6.098 11.512 6 11.276 6 11L6 8L2 8L2 9.5C2 9.641 1.952 9.759 1.856 9.856C1.759 9.952 1.641 10 1.5 10C1.359 10 1.241 9.952 1.144 9.856C1.048 9.759 1 9.641 1 9.5L1 5.5C1 5.359 1.048 5.241 1.144 5.144C1.241 5.048 1.359 5 1.5 5C1.641 5 1.759 5.048 1.856 5.144C1.952 5.241 2 5.359 2 5.5L2 7L6.05 7C6.079 6.857 6.121 6.717 6.176 6.58C6.303 6.259 6.488 5.976 6.732 5.732C6.976 5.488 7.259 5.303 7.58 5.176C7.875 5.059 8.182 5 8.5 5L9 5L9 2L4.5 2C4.359 2 4.241 1.952 4.144 1.856C4.048 1.759 4 1.641 4 1.5C4 1.359 4.048 1.241 4.144 1.144C4.241 1.048 4.359 1 4.5 1L14.5 1C14.641 1 14.759 1.048 14.856 1.144ZM13.052 10.895C13.245 10.818 13.414 10.707 13.561 10.561C13.707 10.414 13.818 10.245 13.895 10.052C13.902 10.035 13.908 10.017 13.914 10L8.5 10C8.359 10 8.241 9.952 8.144 9.856C8.048 9.759 8 9.641 8 9.5C8 9.359 8.048 9.241 8.144 9.144C8.241 9.048 8.359 9 8.5 9L13.965 9C13.926 8.731 13.856 8.468 13.754 8.212C13.576 7.762 13.317 7.367 12.975 7.025C12.633 6.683 12.238 6.424 11.788 6.246C11.375 6.082 10.945 6 10.5 6L8.5 6C8.309 6 8.125 6.035 7.948 6.105C7.755 6.182 7.586 6.293 7.439 6.439C7.293 6.586 7.182 6.755 7.105 6.948C7.035 7.125 7 7.309 7 7.5L7 11L12.5 11C12.691 11 12.875 10.965 13.052 10.895ZM12 12L9 12L9 14L12 14L12 12Z"/></svg>

React

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

export function HelicopterIcon(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="M14.856 1.144C14.952 1.241 15 1.359 15 1.5C15 1.641 14.952 1.759 14.856 1.856C14.759 1.952 14.641 2 14.5 2L10 2L10 5L10.5 5C11.072 5 11.624 5.105 12.156 5.316C12.734 5.545 13.243 5.879 13.682 6.318C14.121 6.757 14.455 7.266 14.684 7.844C14.895 8.376 15 8.928 15 9.5C15 9.818 14.941 10.125 14.824 10.42C14.697 10.741 14.512 11.024 14.268 11.268C14.024 11.512 13.741 11.697 13.42 11.824C13.283 11.879 13.143 11.921 13 11.95L13 14L14.5 14C14.641 14 14.759 14.048 14.856 14.144C14.952 14.241 15 14.359 15 14.5C15 14.641 14.952 14.759 14.856 14.856C14.759 14.952 14.641 15 14.5 15L6.5 15C6.359 15 6.241 14.952 6.144 14.856C6.048 14.759 6 14.641 6 14.5C6 14.359 6.048 14.241 6.144 14.144C6.241 14.048 6.359 14 6.5 14L8 14L8 12L7 12C6.724 12 6.488 11.902 6.293 11.707C6.098 11.512 6 11.276 6 11L6 8L2 8L2 9.5C2 9.641 1.952 9.759 1.856 9.856C1.759 9.952 1.641 10 1.5 10C1.359 10 1.241 9.952 1.144 9.856C1.048 9.759 1 9.641 1 9.5L1 5.5C1 5.359 1.048 5.241 1.144 5.144C1.241 5.048 1.359 5 1.5 5C1.641 5 1.759 5.048 1.856 5.144C1.952 5.241 2 5.359 2 5.5L2 7L6.05 7C6.079 6.857 6.121 6.717 6.176 6.58C6.303 6.259 6.488 5.976 6.732 5.732C6.976 5.488 7.259 5.303 7.58 5.176C7.875 5.059 8.182 5 8.5 5L9 5L9 2L4.5 2C4.359 2 4.241 1.952 4.144 1.856C4.048 1.759 4 1.641 4 1.5C4 1.359 4.048 1.241 4.144 1.144C4.241 1.048 4.359 1 4.5 1L14.5 1C14.641 1 14.759 1.048 14.856 1.144ZM13.052 10.895C13.245 10.818 13.414 10.707 13.561 10.561C13.707 10.414 13.818 10.245 13.895 10.052C13.902 10.035 13.908 10.017 13.914 10L8.5 10C8.359 10 8.241 9.952 8.144 9.856C8.048 9.759 8 9.641 8 9.5C8 9.359 8.048 9.241 8.144 9.144C8.241 9.048 8.359 9 8.5 9L13.965 9C13.926 8.731 13.856 8.468 13.754 8.212C13.576 7.762 13.317 7.367 12.975 7.025C12.633 6.683 12.238 6.424 11.788 6.246C11.375 6.082 10.945 6 10.5 6L8.5 6C8.309 6 8.125 6.035 7.948 6.105C7.755 6.182 7.586 6.293 7.439 6.439C7.293 6.586 7.182 6.755 7.105 6.948C7.035 7.125 7 7.309 7 7.5L7 11L12.5 11C12.691 11 12.875 10.965 13.052 10.895ZM12 12L9 12L9 14L12 14L12 12Z" />
    </svg>
  );
}

Vue

Vue: see /icons/helicopter.md

Svelte

Svelte: see /icons/helicopter.md

HTML img

HTML img: see /icons/helicopter.md

CSS

CSS: see /icons/helicopter.md

Data URL

Data URL: see /icons/helicopter.md

Sprite

Sprite: see /icons/helicopter.md

SwiftUI

SwiftUI: see /icons/helicopter.md

Compose

Compose: see /icons/helicopter.md

Android XML

Android XML: see /icons/helicopter.md

Flutter

Flutter: see /icons/helicopter.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

helicopter, heliport, chopper, helipad

Alternatives

drone: a drone or UAV

Also fits

drone: a helicopter

Tags

helicopter, heliport, chopper, aircraft, flight, rescue, air-ambulance

Category

Transportation

Component name

HelicopterIcon

History

2026-10-15 added

More transportation icons

ambulance anchor bike bus cable-car car car-alert car-clock car-lock car-plus car-unlock car-user caravan charging-station drone engine · all transportation icons

For agents

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

helicopter icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp

Code line-round

Meaning

More transportation icons

For agents

helicopter icon