# smart-display-blank icon Smart display blank. Gentleface icon, drawn on the 16 px pixel grid. Free, MIT licensed. Page: https://gentleface.com/icons/smart-display-blank - Category: Devices & hardware - Use it for: smart display, smart home display, home hub - Built from: variant of smart-display - Tags: smart-display, home-hub, smart-home, nest-hub, echo-show, assistant, display, screen, speaker, voice-assistant - Family: smart-display - Component name: SmartDisplayBlankIcon - Added: 2026-10-30 ## 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/smart-display-blank.svg · PNG https://gentleface.com/png/line-round/16/smart-display-blank.png · https://gentleface.com/png/line-round/32/smart-display-blank.png · https://gentleface.com/png/line-round/48/smart-display-blank.png - line-soft: https://gentleface.com/svg/line-soft/16/smart-display-blank.svg · PNG https://gentleface.com/png/line-soft/16/smart-display-blank.png · https://gentleface.com/png/line-soft/32/smart-display-blank.png · https://gentleface.com/png/line-soft/48/smart-display-blank.png - line-sharp: https://gentleface.com/svg/line-sharp/16/smart-display-blank.svg · PNG https://gentleface.com/png/line-sharp/16/smart-display-blank.png · https://gentleface.com/png/line-sharp/32/smart-display-blank.png · https://gentleface.com/png/line-sharp/48/smart-display-blank.png - solid-round: https://gentleface.com/svg/solid-round/16/smart-display-blank.svg · PNG https://gentleface.com/png/solid-round/16/smart-display-blank.png · https://gentleface.com/png/solid-round/32/smart-display-blank.png · https://gentleface.com/png/solid-round/48/smart-display-blank.png - solid-soft: https://gentleface.com/svg/solid-soft/16/smart-display-blank.svg · PNG https://gentleface.com/png/solid-soft/16/smart-display-blank.png · https://gentleface.com/png/solid-soft/32/smart-display-blank.png · https://gentleface.com/png/solid-soft/48/smart-display-blank.png - solid-sharp: https://gentleface.com/svg/solid-sharp/16/smart-display-blank.svg · PNG https://gentleface.com/png/solid-sharp/16/smart-display-blank.png · https://gentleface.com/png/solid-sharp/32/smart-display-blank.png · https://gentleface.com/png/solid-sharp/48/smart-display-blank.png The SVG of every style: https://gentleface.com/icons/smart-display-blank.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 "smart-display-blank" (line-round), MIT. https://gentleface.com/icons/smart-display-blank import type { SVGProps } from 'react'; export function SmartDisplayBlankIcon(props: SVGProps) { return ( ); } ``` ### Vue ```vue ``` ### Svelte ```svelte ``` ### HTML img ```html

``` ### CSS ```css /* Gentleface "smart-display-blank" (line-round), MIT. https://gentleface.com/icons/smart-display-blank. Takes the text color. */ .icon-smart-display-blank { 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='M14.707 11.707C14.512 11.902 14.276 12 14 12L13 12C13 12.254 12.883 12.5 12.649 12.736C12.397 12.991 12.03 13.215 11.548 13.409L11.546 13.41C11.539 13.413 11.531 13.416 11.523 13.419L11.523 13.419C11.037 13.612 10.477 13.759 9.84 13.86C9.249 13.953 8.636 14 8 14C7.364 14 6.751 13.953 6.16 13.86C5.522 13.759 4.96 13.611 4.474 13.418L4.47 13.417C4.465 13.415 4.461 13.413 4.456 13.411L4.455 13.411C3.972 13.216 3.604 12.991 3.351 12.736C3.117 12.5 3 12.254 3 12L2 12C1.724 12 1.488 11.902 1.293 11.707C1.098 11.512 1 11.276 1 11L1 4C1 3.724 1.098 3.488 1.293 3.293C1.488 3.098 1.724 3 2 3L14 3C14.276 3 14.512 3.098 14.707 3.293C14.902 3.488 15 3.724 15 4L15 11C15 11.276 14.902 11.512 14.707 11.707ZM14 4L2 4L2 11L14 11L14 4Z'/%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='M14.707 11.707C14.512 11.902 14.276 12 14 12L13 12C13 12.254 12.883 12.5 12.649 12.736C12.397 12.991 12.03 13.215 11.548 13.409L11.546 13.41C11.539 13.413 11.531 13.416 11.523 13.419L11.523 13.419C11.037 13.612 10.477 13.759 9.84 13.86C9.249 13.953 8.636 14 8 14C7.364 14 6.751 13.953 6.16 13.86C5.522 13.759 4.96 13.611 4.474 13.418L4.47 13.417C4.465 13.415 4.461 13.413 4.456 13.411L4.455 13.411C3.972 13.216 3.604 12.991 3.351 12.736C3.117 12.5 3 12.254 3 12L2 12C1.724 12 1.488 11.902 1.293 11.707C1.098 11.512 1 11.276 1 11L1 4C1 3.724 1.098 3.488 1.293 3.293C1.488 3.098 1.724 3 2 3L14 3C14.276 3 14.512 3.098 14.707 3.293C14.902 3.488 15 3.724 15 4L15 11C15 11.276 14.902 11.512 14.707 11.707ZM14 4L2 4L2 11L14 11L14 4Z'/%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='M14.707 11.707C14.512 11.902 14.276 12 14 12L13 12C13 12.254 12.883 12.5 12.649 12.736C12.397 12.991 12.03 13.215 11.548 13.409L11.546 13.41C11.539 13.413 11.531 13.416 11.523 13.419L11.523 13.419C11.037 13.612 10.477 13.759 9.84 13.86C9.249 13.953 8.636 14 8 14C7.364 14 6.751 13.953 6.16 13.86C5.522 13.759 4.96 13.611 4.474 13.418L4.47 13.417C4.465 13.415 4.461 13.413 4.456 13.411L4.455 13.411C3.972 13.216 3.604 12.991 3.351 12.736C3.117 12.5 3 12.254 3 12L2 12C1.724 12 1.488 11.902 1.293 11.707C1.098 11.512 1 11.276 1 11L1 4C1 3.724 1.098 3.488 1.293 3.293C1.488 3.098 1.724 3 2 3L14 3C14.276 3 14.512 3.098 14.707 3.293C14.902 3.488 15 3.724 15 4L15 11C15 11.276 14.902 11.512 14.707 11.707ZM14 4L2 4L2 11L14 11L14 4Z'/%3E%3C/svg%3E ``` ### Sprite ```html ``` ### SwiftUI ```swift // Gentleface "smart-display-blank" (line-round), MIT. https://gentleface.com/icons/smart-display-blank import SwiftUI struct SmartDisplayBlankIcon: Shape { func path(in rect: CGRect) -> Path { var p = Path() p.move(to: CGPoint(x: 14.707, y: 11.707)) p.addCurve(to: CGPoint(x: 14, y: 12), control1: CGPoint(x: 14.512, y: 11.902), control2: CGPoint(x: 14.276, y: 12)) p.addLine(to: CGPoint(x: 13, y: 12)) p.addCurve(to: CGPoint(x: 12.649, y: 12.736), control1: CGPoint(x: 13, y: 12.254), control2: CGPoint(x: 12.883, y: 12.5)) p.addCurve(to: CGPoint(x: 11.548, y: 13.409), control1: CGPoint(x: 12.397, y: 12.991), control2: CGPoint(x: 12.03, y: 13.215)) p.addLine(to: CGPoint(x: 11.546, y: 13.41)) p.addCurve(to: CGPoint(x: 11.523, y: 13.419), control1: CGPoint(x: 11.539, y: 13.413), control2: CGPoint(x: 11.531, y: 13.416)) p.addLine(to: CGPoint(x: 11.523, y: 13.419)) p.addCurve(to: CGPoint(x: 9.84, y: 13.86), control1: CGPoint(x: 11.037, y: 13.612), control2: CGPoint(x: 10.477, y: 13.759)) p.addCurve(to: CGPoint(x: 8, y: 14), control1: CGPoint(x: 9.249, y: 13.953), control2: CGPoint(x: 8.636, y: 14)) p.addCurve(to: CGPoint(x: 6.16, y: 13.86), control1: CGPoint(x: 7.364, y: 14), control2: CGPoint(x: 6.751, y: 13.953)) p.addCurve(to: CGPoint(x: 4.474, y: 13.418), control1: CGPoint(x: 5.522, y: 13.759), control2: CGPoint(x: 4.96, y: 13.611)) p.addLine(to: CGPoint(x: 4.47, y: 13.417)) p.addCurve(to: CGPoint(x: 4.456, y: 13.411), control1: CGPoint(x: 4.465, y: 13.415), control2: CGPoint(x: 4.461, y: 13.413)) p.addLine(to: CGPoint(x: 4.455, y: 13.411)) p.addCurve(to: CGPoint(x: 3.351, y: 12.736), control1: CGPoint(x: 3.972, y: 13.216), control2: CGPoint(x: 3.604, y: 12.991)) p.addCurve(to: CGPoint(x: 3, y: 12), control1: CGPoint(x: 3.117, y: 12.5), control2: CGPoint(x: 3, y: 12.254)) p.addLine(to: CGPoint(x: 2, y: 12)) p.addCurve(to: CGPoint(x: 1.293, y: 11.707), control1: CGPoint(x: 1.724, y: 12), control2: CGPoint(x: 1.488, y: 11.902)) p.addCurve(to: CGPoint(x: 1, y: 11), control1: CGPoint(x: 1.098, y: 11.512), control2: CGPoint(x: 1, y: 11.276)) p.addLine(to: CGPoint(x: 1, y: 4)) p.addCurve(to: CGPoint(x: 1.293, y: 3.293), control1: CGPoint(x: 1, y: 3.724), control2: CGPoint(x: 1.098, y: 3.488)) p.addCurve(to: CGPoint(x: 2, y: 3), control1: CGPoint(x: 1.488, y: 3.098), control2: CGPoint(x: 1.724, y: 3)) p.addLine(to: CGPoint(x: 14, y: 3)) p.addCurve(to: CGPoint(x: 14.707, y: 3.293), control1: CGPoint(x: 14.276, y: 3), control2: CGPoint(x: 14.512, y: 3.098)) p.addCurve(to: CGPoint(x: 15, y: 4), control1: CGPoint(x: 14.902, y: 3.488), control2: CGPoint(x: 15, y: 3.724)) p.addLine(to: CGPoint(x: 15, y: 11)) p.addCurve(to: CGPoint(x: 14.707, y: 11.707), control1: CGPoint(x: 15, y: 11.276), control2: CGPoint(x: 14.902, y: 11.512)) p.closeSubpath() p.move(to: CGPoint(x: 14, y: 4)) p.addLine(to: CGPoint(x: 2, y: 4)) p.addLine(to: CGPoint(x: 2, y: 11)) p.addLine(to: CGPoint(x: 14, y: 11)) p.addLine(to: CGPoint(x: 14, y: 4)) p.closeSubpath() return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16)) } } // SmartDisplayBlankIcon().frame(width: 16, height: 16) fills with the foreground style. Keep it on whole points to stay crisp. ``` ### Compose ```kotlin // Gentleface "smart-display-blank" (line-round), MIT. https://gentleface.com/icons/smart-display-blank 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 SmartDisplayBlankIcon: ImageVector by lazy { ImageVector.Builder( name = "smart-display-blank", defaultWidth = 16.dp, defaultHeight = 16.dp, viewportWidth = 16f, viewportHeight = 16f, ).addPath( pathData = addPathNodes("M14.707 11.707C14.512 11.902 14.276 12 14 12L13 12C13 12.254 12.883 12.5 12.649 12.736C12.397 12.991 12.03 13.215 11.548 13.409L11.546 13.41C11.539 13.413 11.531 13.416 11.523 13.419L11.523 13.419C11.037 13.612 10.477 13.759 9.84 13.86C9.249 13.953 8.636 14 8 14C7.364 14 6.751 13.953 6.16 13.86C5.522 13.759 4.96 13.611 4.474 13.418L4.47 13.417C4.465 13.415 4.461 13.413 4.456 13.411L4.455 13.411C3.972 13.216 3.604 12.991 3.351 12.736C3.117 12.5 3 12.254 3 12L2 12C1.724 12 1.488 11.902 1.293 11.707C1.098 11.512 1 11.276 1 11L1 4C1 3.724 1.098 3.488 1.293 3.293C1.488 3.098 1.724 3 2 3L14 3C14.276 3 14.512 3.098 14.707 3.293C14.902 3.488 15 3.724 15 4L15 11C15 11.276 14.902 11.512 14.707 11.707ZM14 4L2 4L2 11L14 11L14 4Z"), fill = SolidColor(Color.Black), ).build() } // Icon(SmartDisplayBlankIcon, contentDescription = null) tints it with LocalContentColor. ``` ### Android XML ```xml ``` ### Flutter ```dart // Gentleface "smart-display-blank" (line-round), MIT. https://gentleface.com/icons/smart-display-blank import 'package:flutter/widgets.dart'; class SmartDisplayBlankIcon extends StatelessWidget { const SmartDisplayBlankIcon({super.key, this.size = 16, this.color}); final double size; final Color? color; @override Widget build(BuildContext context) => CustomPaint( size: Size.square(size), painter: _SmartDisplayBlankIconPainter(color ?? IconTheme.of(context).color ?? const Color(0xFF000000)), ); } class _SmartDisplayBlankIconPainter extends CustomPainter { _SmartDisplayBlankIconPainter(this.color); final Color color; @override void paint(Canvas canvas, Size size) { canvas.scale(size.width / 16, size.height / 16); final p = Path() ..moveTo(14.707, 11.707) ..cubicTo(14.512, 11.902, 14.276, 12, 14, 12) ..lineTo(13, 12) ..cubicTo(13, 12.254, 12.883, 12.5, 12.649, 12.736) ..cubicTo(12.397, 12.991, 12.03, 13.215, 11.548, 13.409) ..lineTo(11.546, 13.41) ..cubicTo(11.539, 13.413, 11.531, 13.416, 11.523, 13.419) ..lineTo(11.523, 13.419) ..cubicTo(11.037, 13.612, 10.477, 13.759, 9.84, 13.86) ..cubicTo(9.249, 13.953, 8.636, 14, 8, 14) ..cubicTo(7.364, 14, 6.751, 13.953, 6.16, 13.86) ..cubicTo(5.522, 13.759, 4.96, 13.611, 4.474, 13.418) ..lineTo(4.47, 13.417) ..cubicTo(4.465, 13.415, 4.461, 13.413, 4.456, 13.411) ..lineTo(4.455, 13.411) ..cubicTo(3.972, 13.216, 3.604, 12.991, 3.351, 12.736) ..cubicTo(3.117, 12.5, 3, 12.254, 3, 12) ..lineTo(2, 12) ..cubicTo(1.724, 12, 1.488, 11.902, 1.293, 11.707) ..cubicTo(1.098, 11.512, 1, 11.276, 1, 11) ..lineTo(1, 4) ..cubicTo(1, 3.724, 1.098, 3.488, 1.293, 3.293) ..cubicTo(1.488, 3.098, 1.724, 3, 2, 3) ..lineTo(14, 3) ..cubicTo(14.276, 3, 14.512, 3.098, 14.707, 3.293) ..cubicTo(14.902, 3.488, 15, 3.724, 15, 4) ..lineTo(15, 11) ..cubicTo(15, 11.276, 14.902, 11.512, 14.707, 11.707) ..close() ..moveTo(14, 4) ..lineTo(2, 4) ..lineTo(2, 11) ..lineTo(14, 11) ..lineTo(14, 4) ..close(); canvas.drawPath(p, Paint()..color = color); } @override bool shouldRepaint(_SmartDisplayBlankIconPainter old) => old.color != color; } ```