# tower-control icon Tower control. Gentleface icon, drawn on the 16 px pixel grid. Free, MIT licensed. Page: https://gentleface.com/icons/tower-control - Category: Transportation - Use it for: control tower, air traffic control, airport, atc, airports, airfield - Tags: control-tower, air-traffic-control, atc, airport, tower, aviation, flight, air-travel - Component name: TowerControlIcon - Added: 2026-10-16 ## Alternatives - `plane`: airport as a map POI where the set draws a plane (Material local-airport) ## Also fits - tower: an air traffic control tower ## Files 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. - line-round: https://gentleface.com/svg/line-round/16/tower-control.svg · PNG https://gentleface.com/png/line-round/16/tower-control.png · https://gentleface.com/png/line-round/32/tower-control.png · https://gentleface.com/png/line-round/48/tower-control.png - line-soft: https://gentleface.com/svg/line-soft/16/tower-control.svg · PNG https://gentleface.com/png/line-soft/16/tower-control.png · https://gentleface.com/png/line-soft/32/tower-control.png · https://gentleface.com/png/line-soft/48/tower-control.png - line-sharp: https://gentleface.com/svg/line-sharp/16/tower-control.svg · PNG https://gentleface.com/png/line-sharp/16/tower-control.png · https://gentleface.com/png/line-sharp/32/tower-control.png · https://gentleface.com/png/line-sharp/48/tower-control.png - solid-round: https://gentleface.com/svg/solid-round/16/tower-control.svg · PNG https://gentleface.com/png/solid-round/16/tower-control.png · https://gentleface.com/png/solid-round/32/tower-control.png · https://gentleface.com/png/solid-round/48/tower-control.png - solid-soft: https://gentleface.com/svg/solid-soft/16/tower-control.svg · PNG https://gentleface.com/png/solid-soft/16/tower-control.png · https://gentleface.com/png/solid-soft/32/tower-control.png · https://gentleface.com/png/solid-soft/48/tower-control.png - solid-sharp: https://gentleface.com/svg/solid-sharp/16/tower-control.svg · PNG https://gentleface.com/png/solid-sharp/16/tower-control.png · https://gentleface.com/png/solid-sharp/32/tower-control.png · https://gentleface.com/png/solid-sharp/48/tower-control.png The SVG of every style: https://gentleface.com/icons/tower-control.json (`svg`). ## Code (line-round) 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. For another style, take its SVG from the JSON and swap the path `d`. ### SVG ```svg ``` ### React ```tsx // Gentleface "tower-control" (line-round), MIT. https://gentleface.com/icons/tower-control import type { SVGProps } from 'react'; export function TowerControlIcon(props: SVGProps) { return ( ); } ``` ### Vue ```vue ``` ### Svelte ```svelte ``` ### HTML img ```html

``` ### CSS ```css /* Gentleface "tower-control" (line-round), MIT. https://gentleface.com/icons/tower-control. Takes the text color. */ .icon-tower-control { display: inline-block; width: 16px; height: 16px; background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M8 5L12.691 5C12.852 5 13.004 5.037 13.147 5.11C13.312 5.195 13.444 5.316 13.542 5.474C13.639 5.632 13.689 5.804 13.691 5.99C13.693 6.151 13.657 6.303 13.585 6.447L12.085 9.447C12.001 9.617 11.878 9.751 11.717 9.851C11.556 9.95 11.38 10 11.191 10L11 10L11 14.5C11 14.641 10.952 14.759 10.856 14.856C10.759 14.952 10.641 15 10.5 15C10.359 15 10.241 14.952 10.144 14.856C10.048 14.759 10 14.641 10 14.5L10 10L5 10L5 14.5C5 14.641 4.952 14.759 4.856 14.856C4.759 14.952 4.641 15 4.5 15C4.359 15 4.241 14.952 4.144 14.856C4.048 14.759 4 14.641 4 14.5L4 10L3.809 10C3.62 10 3.444 9.95 3.283 9.851C3.122 9.751 2.999 9.617 2.915 9.447L1.415 6.447C1.343 6.303 1.307 6.151 1.309 5.99C1.311 5.804 1.361 5.632 1.458 5.474C1.556 5.316 1.688 5.195 1.853 5.11C1.996 5.037 2.148 5 2.309 5L7 5L7 2L6.5 2C6.359 2 6.241 1.952 6.144 1.856C6.048 1.759 6 1.641 6 1.5C6 1.359 6.048 1.241 6.144 1.144C6.241 1.048 6.359 1 6.5 1L8.5 1C8.641 1 8.759 1.048 8.856 1.144C8.952 1.241 9 1.359 9 1.5C9 1.641 8.952 1.759 8.856 1.856C8.759 1.952 8.641 2 8.5 2L8 2L8 5ZM3.809 9L5 9L5 6L2.309 6L3.809 9ZM9 9L9 6L6 6L6 9L9 9ZM12.691 6L10 6L10 9L11.191 9L12.691 6Z'/%3E%3C/svg%3E") center / 16px 16px no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M8 5L12.691 5C12.852 5 13.004 5.037 13.147 5.11C13.312 5.195 13.444 5.316 13.542 5.474C13.639 5.632 13.689 5.804 13.691 5.99C13.693 6.151 13.657 6.303 13.585 6.447L12.085 9.447C12.001 9.617 11.878 9.751 11.717 9.851C11.556 9.95 11.38 10 11.191 10L11 10L11 14.5C11 14.641 10.952 14.759 10.856 14.856C10.759 14.952 10.641 15 10.5 15C10.359 15 10.241 14.952 10.144 14.856C10.048 14.759 10 14.641 10 14.5L10 10L5 10L5 14.5C5 14.641 4.952 14.759 4.856 14.856C4.759 14.952 4.641 15 4.5 15C4.359 15 4.241 14.952 4.144 14.856C4.048 14.759 4 14.641 4 14.5L4 10L3.809 10C3.62 10 3.444 9.95 3.283 9.851C3.122 9.751 2.999 9.617 2.915 9.447L1.415 6.447C1.343 6.303 1.307 6.151 1.309 5.99C1.311 5.804 1.361 5.632 1.458 5.474C1.556 5.316 1.688 5.195 1.853 5.11C1.996 5.037 2.148 5 2.309 5L7 5L7 2L6.5 2C6.359 2 6.241 1.952 6.144 1.856C6.048 1.759 6 1.641 6 1.5C6 1.359 6.048 1.241 6.144 1.144C6.241 1.048 6.359 1 6.5 1L8.5 1C8.641 1 8.759 1.048 8.856 1.144C8.952 1.241 9 1.359 9 1.5C9 1.641 8.952 1.759 8.856 1.856C8.759 1.952 8.641 2 8.5 2L8 2L8 5ZM3.809 9L5 9L5 6L2.309 6L3.809 9ZM9 9L9 6L6 6L6 9L9 9ZM12.691 6L10 6L10 9L11.191 9L12.691 6Z'/%3E%3C/svg%3E") center / 16px 16px no-repeat; } ``` ### Data URL ```text data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M8 5L12.691 5C12.852 5 13.004 5.037 13.147 5.11C13.312 5.195 13.444 5.316 13.542 5.474C13.639 5.632 13.689 5.804 13.691 5.99C13.693 6.151 13.657 6.303 13.585 6.447L12.085 9.447C12.001 9.617 11.878 9.751 11.717 9.851C11.556 9.95 11.38 10 11.191 10L11 10L11 14.5C11 14.641 10.952 14.759 10.856 14.856C10.759 14.952 10.641 15 10.5 15C10.359 15 10.241 14.952 10.144 14.856C10.048 14.759 10 14.641 10 14.5L10 10L5 10L5 14.5C5 14.641 4.952 14.759 4.856 14.856C4.759 14.952 4.641 15 4.5 15C4.359 15 4.241 14.952 4.144 14.856C4.048 14.759 4 14.641 4 14.5L4 10L3.809 10C3.62 10 3.444 9.95 3.283 9.851C3.122 9.751 2.999 9.617 2.915 9.447L1.415 6.447C1.343 6.303 1.307 6.151 1.309 5.99C1.311 5.804 1.361 5.632 1.458 5.474C1.556 5.316 1.688 5.195 1.853 5.11C1.996 5.037 2.148 5 2.309 5L7 5L7 2L6.5 2C6.359 2 6.241 1.952 6.144 1.856C6.048 1.759 6 1.641 6 1.5C6 1.359 6.048 1.241 6.144 1.144C6.241 1.048 6.359 1 6.5 1L8.5 1C8.641 1 8.759 1.048 8.856 1.144C8.952 1.241 9 1.359 9 1.5C9 1.641 8.952 1.759 8.856 1.856C8.759 1.952 8.641 2 8.5 2L8 2L8 5ZM3.809 9L5 9L5 6L2.309 6L3.809 9ZM9 9L9 6L6 6L6 9L9 9ZM12.691 6L10 6L10 9L11.191 9L12.691 6Z'/%3E%3C/svg%3E ``` ### Sprite ```html ``` ### SwiftUI ```swift // Gentleface "tower-control" (line-round), MIT. https://gentleface.com/icons/tower-control import SwiftUI struct TowerControlIcon: Shape { func path(in rect: CGRect) -> Path { var p = Path() p.move(to: CGPoint(x: 8, y: 5)) p.addLine(to: CGPoint(x: 12.691, y: 5)) p.addCurve(to: CGPoint(x: 13.147, y: 5.11), control1: CGPoint(x: 12.852, y: 5), control2: CGPoint(x: 13.004, y: 5.037)) p.addCurve(to: CGPoint(x: 13.542, y: 5.474), control1: CGPoint(x: 13.312, y: 5.195), control2: CGPoint(x: 13.444, y: 5.316)) p.addCurve(to: CGPoint(x: 13.691, y: 5.99), control1: CGPoint(x: 13.639, y: 5.632), control2: CGPoint(x: 13.689, y: 5.804)) p.addCurve(to: CGPoint(x: 13.585, y: 6.447), control1: CGPoint(x: 13.693, y: 6.151), control2: CGPoint(x: 13.657, y: 6.303)) p.addLine(to: CGPoint(x: 12.085, y: 9.447)) p.addCurve(to: CGPoint(x: 11.717, y: 9.851), control1: CGPoint(x: 12.001, y: 9.617), control2: CGPoint(x: 11.878, y: 9.751)) p.addCurve(to: CGPoint(x: 11.191, y: 10), control1: CGPoint(x: 11.556, y: 9.95), control2: CGPoint(x: 11.38, y: 10)) p.addLine(to: CGPoint(x: 11, y: 10)) p.addLine(to: CGPoint(x: 11, y: 14.5)) p.addCurve(to: CGPoint(x: 10.856, y: 14.856), control1: CGPoint(x: 11, y: 14.641), control2: CGPoint(x: 10.952, y: 14.759)) p.addCurve(to: CGPoint(x: 10.5, y: 15), control1: CGPoint(x: 10.759, y: 14.952), control2: CGPoint(x: 10.641, y: 15)) p.addCurve(to: CGPoint(x: 10.144, y: 14.856), control1: CGPoint(x: 10.359, y: 15), control2: CGPoint(x: 10.241, y: 14.952)) p.addCurve(to: CGPoint(x: 10, y: 14.5), control1: CGPoint(x: 10.048, y: 14.759), control2: CGPoint(x: 10, y: 14.641)) p.addLine(to: CGPoint(x: 10, y: 10)) p.addLine(to: CGPoint(x: 5, y: 10)) p.addLine(to: CGPoint(x: 5, y: 14.5)) p.addCurve(to: CGPoint(x: 4.856, y: 14.856), control1: CGPoint(x: 5, y: 14.641), control2: CGPoint(x: 4.952, y: 14.759)) p.addCurve(to: CGPoint(x: 4.5, y: 15), control1: CGPoint(x: 4.759, y: 14.952), control2: CGPoint(x: 4.641, y: 15)) p.addCurve(to: CGPoint(x: 4.144, y: 14.856), control1: CGPoint(x: 4.359, y: 15), control2: CGPoint(x: 4.241, y: 14.952)) p.addCurve(to: CGPoint(x: 4, y: 14.5), control1: CGPoint(x: 4.048, y: 14.759), control2: CGPoint(x: 4, y: 14.641)) p.addLine(to: CGPoint(x: 4, y: 10)) p.addLine(to: CGPoint(x: 3.809, y: 10)) p.addCurve(to: CGPoint(x: 3.283, y: 9.851), control1: CGPoint(x: 3.62, y: 10), control2: CGPoint(x: 3.444, y: 9.95)) p.addCurve(to: CGPoint(x: 2.915, y: 9.447), control1: CGPoint(x: 3.122, y: 9.751), control2: CGPoint(x: 2.999, y: 9.617)) p.addLine(to: CGPoint(x: 1.415, y: 6.447)) p.addCurve(to: CGPoint(x: 1.309, y: 5.99), control1: CGPoint(x: 1.343, y: 6.303), control2: CGPoint(x: 1.307, y: 6.151)) p.addCurve(to: CGPoint(x: 1.458, y: 5.474), control1: CGPoint(x: 1.311, y: 5.804), control2: CGPoint(x: 1.361, y: 5.632)) p.addCurve(to: CGPoint(x: 1.853, y: 5.11), control1: CGPoint(x: 1.556, y: 5.316), control2: CGPoint(x: 1.688, y: 5.195)) p.addCurve(to: CGPoint(x: 2.309, y: 5), control1: CGPoint(x: 1.996, y: 5.037), control2: CGPoint(x: 2.148, y: 5)) p.addLine(to: CGPoint(x: 7, y: 5)) p.addLine(to: CGPoint(x: 7, y: 2)) p.addLine(to: CGPoint(x: 6.5, y: 2)) p.addCurve(to: CGPoint(x: 6.144, y: 1.856), control1: CGPoint(x: 6.359, y: 2), control2: CGPoint(x: 6.241, y: 1.952)) p.addCurve(to: CGPoint(x: 6, y: 1.5), control1: CGPoint(x: 6.048, y: 1.759), control2: CGPoint(x: 6, y: 1.641)) p.addCurve(to: CGPoint(x: 6.144, y: 1.144), control1: CGPoint(x: 6, y: 1.359), control2: CGPoint(x: 6.048, y: 1.241)) p.addCurve(to: CGPoint(x: 6.5, y: 1), control1: CGPoint(x: 6.241, y: 1.048), control2: CGPoint(x: 6.359, y: 1)) p.addLine(to: CGPoint(x: 8.5, y: 1)) p.addCurve(to: CGPoint(x: 8.856, y: 1.144), control1: CGPoint(x: 8.641, y: 1), control2: CGPoint(x: 8.759, y: 1.048)) p.addCurve(to: CGPoint(x: 9, y: 1.5), control1: CGPoint(x: 8.952, y: 1.241), control2: CGPoint(x: 9, y: 1.359)) p.addCurve(to: CGPoint(x: 8.856, y: 1.856), control1: CGPoint(x: 9, y: 1.641), control2: CGPoint(x: 8.952, y: 1.759)) p.addCurve(to: CGPoint(x: 8.5, y: 2), control1: CGPoint(x: 8.759, y: 1.952), control2: CGPoint(x: 8.641, y: 2)) p.addLine(to: CGPoint(x: 8, y: 2)) p.addLine(to: CGPoint(x: 8, y: 5)) p.closeSubpath() p.move(to: CGPoint(x: 3.809, y: 9)) p.addLine(to: CGPoint(x: 5, y: 9)) p.addLine(to: CGPoint(x: 5, y: 6)) p.addLine(to: CGPoint(x: 2.309, y: 6)) p.addLine(to: CGPoint(x: 3.809, y: 9)) p.closeSubpath() p.move(to: CGPoint(x: 9, y: 9)) p.addLine(to: CGPoint(x: 9, y: 6)) p.addLine(to: CGPoint(x: 6, y: 6)) p.addLine(to: CGPoint(x: 6, y: 9)) p.addLine(to: CGPoint(x: 9, y: 9)) p.closeSubpath() p.move(to: CGPoint(x: 12.691, y: 6)) p.addLine(to: CGPoint(x: 10, y: 6)) p.addLine(to: CGPoint(x: 10, y: 9)) p.addLine(to: CGPoint(x: 11.191, y: 9)) p.addLine(to: CGPoint(x: 12.691, y: 6)) p.closeSubpath() return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16)) } } // TowerControlIcon().frame(width: 16, height: 16) fills with the foreground style. Keep it on whole points to stay crisp. ``` ### Compose ```kotlin // Gentleface "tower-control" (line-round), MIT. https://gentleface.com/icons/tower-control import androidx.compose.ui.graphics.Color import androidx.compose.ui.graphics.SolidColor import androidx.compose.ui.graphics.vector.ImageVector import androidx.compose.ui.graphics.vector.addPathNodes import androidx.compose.ui.unit.dp val TowerControlIcon: ImageVector by lazy { ImageVector.Builder( name = "tower-control", defaultWidth = 16.dp, defaultHeight = 16.dp, viewportWidth = 16f, viewportHeight = 16f, ).addPath( pathData = addPathNodes("M8 5L12.691 5C12.852 5 13.004 5.037 13.147 5.11C13.312 5.195 13.444 5.316 13.542 5.474C13.639 5.632 13.689 5.804 13.691 5.99C13.693 6.151 13.657 6.303 13.585 6.447L12.085 9.447C12.001 9.617 11.878 9.751 11.717 9.851C11.556 9.95 11.38 10 11.191 10L11 10L11 14.5C11 14.641 10.952 14.759 10.856 14.856C10.759 14.952 10.641 15 10.5 15C10.359 15 10.241 14.952 10.144 14.856C10.048 14.759 10 14.641 10 14.5L10 10L5 10L5 14.5C5 14.641 4.952 14.759 4.856 14.856C4.759 14.952 4.641 15 4.5 15C4.359 15 4.241 14.952 4.144 14.856C4.048 14.759 4 14.641 4 14.5L4 10L3.809 10C3.62 10 3.444 9.95 3.283 9.851C3.122 9.751 2.999 9.617 2.915 9.447L1.415 6.447C1.343 6.303 1.307 6.151 1.309 5.99C1.311 5.804 1.361 5.632 1.458 5.474C1.556 5.316 1.688 5.195 1.853 5.11C1.996 5.037 2.148 5 2.309 5L7 5L7 2L6.5 2C6.359 2 6.241 1.952 6.144 1.856C6.048 1.759 6 1.641 6 1.5C6 1.359 6.048 1.241 6.144 1.144C6.241 1.048 6.359 1 6.5 1L8.5 1C8.641 1 8.759 1.048 8.856 1.144C8.952 1.241 9 1.359 9 1.5C9 1.641 8.952 1.759 8.856 1.856C8.759 1.952 8.641 2 8.5 2L8 2L8 5ZM3.809 9L5 9L5 6L2.309 6L3.809 9ZM9 9L9 6L6 6L6 9L9 9ZM12.691 6L10 6L10 9L11.191 9L12.691 6Z"), fill = SolidColor(Color.Black), ).build() } // Icon(TowerControlIcon, contentDescription = null) tints it with LocalContentColor. ``` ### Android XML ```xml ``` ### Flutter ```dart // Gentleface "tower-control" (line-round), MIT. https://gentleface.com/icons/tower-control import 'package:flutter/widgets.dart'; class TowerControlIcon extends StatelessWidget { const TowerControlIcon({super.key, this.size = 16, this.color}); final double size; final Color? color; @override Widget build(BuildContext context) => CustomPaint( size: Size.square(size), painter: _TowerControlIconPainter(color ?? IconTheme.of(context).color ?? const Color(0xFF000000)), ); } class _TowerControlIconPainter extends CustomPainter { _TowerControlIconPainter(this.color); final Color color; @override void paint(Canvas canvas, Size size) { canvas.scale(size.width / 16, size.height / 16); final p = Path() ..moveTo(8, 5) ..lineTo(12.691, 5) ..cubicTo(12.852, 5, 13.004, 5.037, 13.147, 5.11) ..cubicTo(13.312, 5.195, 13.444, 5.316, 13.542, 5.474) ..cubicTo(13.639, 5.632, 13.689, 5.804, 13.691, 5.99) ..cubicTo(13.693, 6.151, 13.657, 6.303, 13.585, 6.447) ..lineTo(12.085, 9.447) ..cubicTo(12.001, 9.617, 11.878, 9.751, 11.717, 9.851) ..cubicTo(11.556, 9.95, 11.38, 10, 11.191, 10) ..lineTo(11, 10) ..lineTo(11, 14.5) ..cubicTo(11, 14.641, 10.952, 14.759, 10.856, 14.856) ..cubicTo(10.759, 14.952, 10.641, 15, 10.5, 15) ..cubicTo(10.359, 15, 10.241, 14.952, 10.144, 14.856) ..cubicTo(10.048, 14.759, 10, 14.641, 10, 14.5) ..lineTo(10, 10) ..lineTo(5, 10) ..lineTo(5, 14.5) ..cubicTo(5, 14.641, 4.952, 14.759, 4.856, 14.856) ..cubicTo(4.759, 14.952, 4.641, 15, 4.5, 15) ..cubicTo(4.359, 15, 4.241, 14.952, 4.144, 14.856) ..cubicTo(4.048, 14.759, 4, 14.641, 4, 14.5) ..lineTo(4, 10) ..lineTo(3.809, 10) ..cubicTo(3.62, 10, 3.444, 9.95, 3.283, 9.851) ..cubicTo(3.122, 9.751, 2.999, 9.617, 2.915, 9.447) ..lineTo(1.415, 6.447) ..cubicTo(1.343, 6.303, 1.307, 6.151, 1.309, 5.99) ..cubicTo(1.311, 5.804, 1.361, 5.632, 1.458, 5.474) ..cubicTo(1.556, 5.316, 1.688, 5.195, 1.853, 5.11) ..cubicTo(1.996, 5.037, 2.148, 5, 2.309, 5) ..lineTo(7, 5) ..lineTo(7, 2) ..lineTo(6.5, 2) ..cubicTo(6.359, 2, 6.241, 1.952, 6.144, 1.856) ..cubicTo(6.048, 1.759, 6, 1.641, 6, 1.5) ..cubicTo(6, 1.359, 6.048, 1.241, 6.144, 1.144) ..cubicTo(6.241, 1.048, 6.359, 1, 6.5, 1) ..lineTo(8.5, 1) ..cubicTo(8.641, 1, 8.759, 1.048, 8.856, 1.144) ..cubicTo(8.952, 1.241, 9, 1.359, 9, 1.5) ..cubicTo(9, 1.641, 8.952, 1.759, 8.856, 1.856) ..cubicTo(8.759, 1.952, 8.641, 2, 8.5, 2) ..lineTo(8, 2) ..lineTo(8, 5) ..close() ..moveTo(3.809, 9) ..lineTo(5, 9) ..lineTo(5, 6) ..lineTo(2.309, 6) ..lineTo(3.809, 9) ..close() ..moveTo(9, 9) ..lineTo(9, 6) ..lineTo(6, 6) ..lineTo(6, 9) ..lineTo(9, 9) ..close() ..moveTo(12.691, 6) ..lineTo(10, 6) ..lineTo(10, 9) ..lineTo(11.191, 9) ..lineTo(12.691, 6) ..close(); canvas.drawPath(p, Paint()..color = color); } @override bool shouldRepaint(_TowerControlIconPainter old) => old.color != color; } ```