Gentleface › Devices & hardware › smartphone-sparkle

smartphone-sparkle icon

Smartphone sparkle: phone ai, ai phone. 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="M1.586 13.414C1.391 13.219 1.242 12.993 1.14 12.736C1.047 12.5 1 12.254 1 12L1 2C1 1.746 1.047 1.5 1.14 1.264C1.242 1.007 1.391 0.781 1.586 0.586C1.781 0.391 2.007 0.242 2.264 0.14C2.5 0.047 2.746 0 3 0L7 0C7.254 0 7.5 0.047 7.736 0.14C7.993 0.242 8.219 0.391 8.414 0.586C8.609 0.781 8.758 1.007 8.86 1.264C8.953 1.5 9 1.746 9 2L9 9.5C9 9.641 8.952 9.759 8.856 9.856C8.759 9.952 8.641 10 8.5 10C8.359 10 8.241 9.952 8.144 9.856C8.048 9.759 8 9.641 8 9.5L8 2C8 1.724 7.902 1.488 7.707 1.293C7.512 1.098 7.276 1 7 1L3 1C2.724 1 2.488 1.098 2.293 1.293C2.098 1.488 2 1.724 2 2L2 12C2 12.276 2.098 12.512 2.293 12.707C2.488 12.902 2.724 13 3 13L7 13C7.207 13 7.396 12.941 7.567 12.824C7.68 12.746 7.805 12.719 7.941 12.744C8.077 12.769 8.184 12.839 8.262 12.953C8.342 13.069 8.369 13.194 8.345 13.328C8.32 13.461 8.249 13.568 8.133 13.648C7.792 13.883 7.414 14 7 14L3 14C2.746 14 2.5 13.953 2.264 13.86C2.007 13.758 1.781 13.609 1.586 13.414ZM11.5 16C11 13 10 12 7 11.5C10 11 11 10 11.5 7C12 10 13 11 16 11.5C13 12 12 13 11.5 16ZM5.707 10.293C5.902 10.488 6 10.724 6 11C6 11.276 5.902 11.512 5.707 11.707C5.512 11.902 5.276 12 5 12C4.724 12 4.488 11.902 4.293 11.707C4.098 11.512 4 11.276 4 11C4 10.724 4.098 10.488 4.293 10.293C4.488 10.098 4.724 10 5 10C5.276 10 5.512 10.098 5.707 10.293Z"/></svg>

React

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

export function SmartphoneSparkleIcon(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="M1.586 13.414C1.391 13.219 1.242 12.993 1.14 12.736C1.047 12.5 1 12.254 1 12L1 2C1 1.746 1.047 1.5 1.14 1.264C1.242 1.007 1.391 0.781 1.586 0.586C1.781 0.391 2.007 0.242 2.264 0.14C2.5 0.047 2.746 0 3 0L7 0C7.254 0 7.5 0.047 7.736 0.14C7.993 0.242 8.219 0.391 8.414 0.586C8.609 0.781 8.758 1.007 8.86 1.264C8.953 1.5 9 1.746 9 2L9 9.5C9 9.641 8.952 9.759 8.856 9.856C8.759 9.952 8.641 10 8.5 10C8.359 10 8.241 9.952 8.144 9.856C8.048 9.759 8 9.641 8 9.5L8 2C8 1.724 7.902 1.488 7.707 1.293C7.512 1.098 7.276 1 7 1L3 1C2.724 1 2.488 1.098 2.293 1.293C2.098 1.488 2 1.724 2 2L2 12C2 12.276 2.098 12.512 2.293 12.707C2.488 12.902 2.724 13 3 13L7 13C7.207 13 7.396 12.941 7.567 12.824C7.68 12.746 7.805 12.719 7.941 12.744C8.077 12.769 8.184 12.839 8.262 12.953C8.342 13.069 8.369 13.194 8.345 13.328C8.32 13.461 8.249 13.568 8.133 13.648C7.792 13.883 7.414 14 7 14L3 14C2.746 14 2.5 13.953 2.264 13.86C2.007 13.758 1.781 13.609 1.586 13.414ZM11.5 16C11 13 10 12 7 11.5C10 11 11 10 11.5 7C12 10 13 11 16 11.5C13 12 12 13 11.5 16ZM5.707 10.293C5.902 10.488 6 10.724 6 11C6 11.276 5.902 11.512 5.707 11.707C5.512 11.902 5.276 12 5 12C4.724 12 4.488 11.902 4.293 11.707C4.098 11.512 4 11.276 4 11C4 10.724 4.098 10.488 4.293 10.293C4.488 10.098 4.724 10 5 10C5.276 10 5.512 10.098 5.707 10.293Z" />
    </svg>
  );
}

Vue

Vue: see /icons/smartphone-sparkle.md

Svelte

Svelte: see /icons/smartphone-sparkle.md

HTML img

HTML img: see /icons/smartphone-sparkle.md

CSS

CSS: see /icons/smartphone-sparkle.md

Data URL

Data URL: see /icons/smartphone-sparkle.md

Sprite

Sprite: see /icons/smartphone-sparkle.md

SwiftUI

SwiftUI: see /icons/smartphone-sparkle.md

Compose

Compose: see /icons/smartphone-sparkle.md

Android XML

Android XML: see /icons/smartphone-sparkle.md

Flutter

Flutter: see /icons/smartphone-sparkle.md

Each icon is drawn on the 16 px grid, and most also on the 20 and 24 px grids (at 24 in three weights: light 1 px, regular 1.5 px, bold 2 px). Show the drawing made for your size, or an exact multiple of it, on whole pixels: 16 for 16 and 32 px, 20 for 20 and 40, 24 for 24 and 48. A size in between or a fractional position blurs it. The code on each icon page is the 16 px drawing, an SVG with fill="currentColor"; the icon page's downloads follow its Grid switch, and npm has the 20 and 24 px drawings too. 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

phone ai, ai phone

Example

On-device AI assistant

Built from

smartphone + sparkle

Tags

phone, mobile, device, cellphone, handheld, sparkle

Category

Devices & hardware

Component name

SmartphoneSparkleIcon

History

2026-11-12 added

Family 29

smartphone smartphone-alert smartphone-arrow-down smartphone-arrow-right smartphone-check smartphone-clock smartphone-code smartphone-dock smartphone-dot smartphone-fold smartphone-fold-half smartphone-gear

More devices & hardware icons

av-receiver backlight backlight-low backlight-off backspace backspace-right battery battery-alert battery-arrow-right battery-charging battery-check battery-clock battery-full battery-gear battery-low battery-medium · all devices & hardware icons

For agents

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

smartphone-sparkle icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp