Gentleface › Devices & hardware › smart-display

smart-display icon

Smart display: smart display, smart home display, home hub. 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.86 9.736C14.758 9.993 14.609 10.219 14.414 10.414C14.219 10.609 13.993 10.758 13.736 10.86C13.5 10.953 13.254 11 13 11L3 11C2.746 11 2.5 10.953 2.264 10.86C2.007 10.758 1.781 10.609 1.586 10.414C1.391 10.219 1.242 9.993 1.14 9.736C1.047 9.5 1 9.254 1 9L1 3C1 2.746 1.047 2.5 1.14 2.264C1.242 2.007 1.391 1.781 1.586 1.586C1.781 1.391 2.007 1.242 2.264 1.14C2.5 1.047 2.746 1 3 1L13 1C13.254 1 13.5 1.047 13.736 1.14C13.993 1.242 14.219 1.391 14.414 1.586C14.609 1.781 14.758 2.007 14.86 2.264C14.953 2.5 15 2.746 15 3L15 9C15 9.254 14.953 9.5 14.86 9.736ZM2.293 9.707C2.488 9.902 2.724 10 3 10L13 10C13.276 10 13.512 9.902 13.707 9.707C13.902 9.512 14 9.276 14 9L14 3C14 2.724 13.902 2.488 13.707 2.293C13.512 2.098 13.276 2 13 2L3 2C2.724 2 2.488 2.098 2.293 2.293C2.098 2.488 2 2.724 2 3L2 9C2 9.276 2.098 9.512 2.293 9.707ZM10.856 8.856C10.759 8.952 10.641 9 10.5 9L9.5 9C9.359 9 9.241 8.952 9.144 8.856C9.048 8.759 9 8.641 9 8.5L9 7.5C9 7.362 8.951 7.244 8.854 7.146C8.756 7.049 8.638 7 8.5 7L7.5 7C7.362 7 7.244 7.049 7.146 7.146C7.049 7.244 7 7.362 7 7.5L7 8.5C7 8.641 6.952 8.759 6.856 8.856C6.759 8.952 6.641 9 6.5 9L5.5 9C5.359 9 5.241 8.952 5.144 8.856C5.048 8.759 5 8.641 5 8.5L5 6.207C5 6.069 5.049 5.951 5.146 5.854L7.646 3.354C7.746 3.254 7.864 3.204 8 3.204C8.136 3.204 8.254 3.254 8.354 3.354L10.854 5.854C10.951 5.951 11 6.069 11 6.207L11 8.5C11 8.641 10.952 8.759 10.856 8.856ZM13 13C13 13.275 12.903 13.51 12.709 13.705C12.708 13.706 12.706 13.708 12.705 13.709C12.51 13.903 12.275 14 12 14L4 14C3.725 14 3.49 13.903 3.295 13.709C3.294 13.708 3.292 13.706 3.291 13.705C3.097 13.51 3 13.275 3 13L3 12L13 12L13 13Z"/></svg>

React

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

export function SmartDisplayIcon(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.86 9.736C14.758 9.993 14.609 10.219 14.414 10.414C14.219 10.609 13.993 10.758 13.736 10.86C13.5 10.953 13.254 11 13 11L3 11C2.746 11 2.5 10.953 2.264 10.86C2.007 10.758 1.781 10.609 1.586 10.414C1.391 10.219 1.242 9.993 1.14 9.736C1.047 9.5 1 9.254 1 9L1 3C1 2.746 1.047 2.5 1.14 2.264C1.242 2.007 1.391 1.781 1.586 1.586C1.781 1.391 2.007 1.242 2.264 1.14C2.5 1.047 2.746 1 3 1L13 1C13.254 1 13.5 1.047 13.736 1.14C13.993 1.242 14.219 1.391 14.414 1.586C14.609 1.781 14.758 2.007 14.86 2.264C14.953 2.5 15 2.746 15 3L15 9C15 9.254 14.953 9.5 14.86 9.736ZM2.293 9.707C2.488 9.902 2.724 10 3 10L13 10C13.276 10 13.512 9.902 13.707 9.707C13.902 9.512 14 9.276 14 9L14 3C14 2.724 13.902 2.488 13.707 2.293C13.512 2.098 13.276 2 13 2L3 2C2.724 2 2.488 2.098 2.293 2.293C2.098 2.488 2 2.724 2 3L2 9C2 9.276 2.098 9.512 2.293 9.707ZM10.856 8.856C10.759 8.952 10.641 9 10.5 9L9.5 9C9.359 9 9.241 8.952 9.144 8.856C9.048 8.759 9 8.641 9 8.5L9 7.5C9 7.362 8.951 7.244 8.854 7.146C8.756 7.049 8.638 7 8.5 7L7.5 7C7.362 7 7.244 7.049 7.146 7.146C7.049 7.244 7 7.362 7 7.5L7 8.5C7 8.641 6.952 8.759 6.856 8.856C6.759 8.952 6.641 9 6.5 9L5.5 9C5.359 9 5.241 8.952 5.144 8.856C5.048 8.759 5 8.641 5 8.5L5 6.207C5 6.069 5.049 5.951 5.146 5.854L7.646 3.354C7.746 3.254 7.864 3.204 8 3.204C8.136 3.204 8.254 3.254 8.354 3.354L10.854 5.854C10.951 5.951 11 6.069 11 6.207L11 8.5C11 8.641 10.952 8.759 10.856 8.856ZM13 13C13 13.275 12.903 13.51 12.709 13.705C12.708 13.706 12.706 13.708 12.705 13.709C12.51 13.903 12.275 14 12 14L4 14C3.725 14 3.49 13.903 3.295 13.709C3.294 13.708 3.292 13.706 3.291 13.705C3.097 13.51 3 13.275 3 13L3 12L13 12L13 13Z" />
    </svg>
  );
}

Vue

Vue: see /icons/smart-display.md

Svelte

Svelte: see /icons/smart-display.md

HTML img

HTML img: see /icons/smart-display.md

CSS

CSS: see /icons/smart-display.md

Data URL

Data URL: see /icons/smart-display.md

Sprite

Sprite: see /icons/smart-display.md

SwiftUI

SwiftUI: see /icons/smart-display.md

Compose

Compose: see /icons/smart-display.md

Android XML

Android XML: see /icons/smart-display.md

Flutter

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

With npm: import { SmartDisplayIcon } from '@gentleface/react'; (setup).

Meaning

Use it for

smart display, smart home display, home hub

Tags

smart-display, home-hub, smart-home, nest-hub, echo-show, assistant, display, screen, speaker, voice-assistant

Category

Devices & hardware

Component name

SmartDisplayIcon

History

2026-10-29 released in 0.2.0
2026-10-30 added

Since

version 0.2.0

Family 1

smart-display-blank

More devices & hardware icons

backspace battery battery-alert battery-charging battery-check battery-full battery-low battery-medium battery-saver cable caps-lock charger circuit-board cpu cpu-sparkle desktop-tower · all devices & hardware icons

For agents

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

smart-display icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp