Gentleface › Communication › phone-sparkle

phone-sparkle icon

Phone sparkle: ai call, voice agent, ai voice agent, ai receptionist. 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="M9.293 1.293C9.098 1.488 9 1.724 9 2L9 3L9.5 3C9.641 3 9.759 3.048 9.856 3.144C9.952 3.241 10 3.359 10 3.5C10 4.199 9.871 4.874 9.614 5.525C9.334 6.231 8.926 6.852 8.389 7.389C7.852 7.926 7.231 8.334 6.525 8.614C5.874 8.871 5.199 9 4.5 9C4.359 9 4.241 8.952 4.144 8.856C4.048 8.759 4 8.641 4 8.5L4 8L3 8C2.724 8 2.488 8.098 2.293 8.293C2.098 8.488 2 8.724 2 9L2 11.989C3.147 11.94 4.265 11.722 5.353 11.335C5.483 11.289 5.611 11.296 5.735 11.355C5.86 11.414 5.946 11.509 5.992 11.639C6.038 11.769 6.032 11.896 5.972 12.021C5.913 12.146 5.818 12.231 5.688 12.277C4.334 12.759 2.938 13 1.5 13C1.359 13 1.241 12.952 1.144 12.856C1.048 12.759 1 12.641 1 12.5L1 9C1 8.746 1.047 8.5 1.14 8.264C1.242 8.007 1.391 7.781 1.586 7.586C1.781 7.391 2.007 7.242 2.264 7.14C2.5 7.047 2.746 7 3 7L4 7C4.276 7 4.512 7.098 4.707 7.293C4.896 7.482 4.993 7.708 5 7.973C5.395 7.929 5.781 7.833 6.156 7.684C6.734 7.455 7.243 7.121 7.682 6.682C8.121 6.243 8.455 5.734 8.684 5.156C8.833 4.781 8.929 4.395 8.973 4C8.708 3.993 8.482 3.896 8.293 3.707C8.098 3.512 8 3.276 8 3L8 2C8 1.746 8.047 1.5 8.14 1.264C8.242 1.007 8.391 0.781 8.586 0.586C8.781 0.391 9.007 0.242 9.264 0.14C9.5 0.047 9.746 0 10 0L13.5 0C13.641 0 13.759 0.048 13.856 0.144C13.952 0.241 14 0.359 14 0.5C14 1.445 13.894 2.377 13.683 3.298C13.471 4.218 13.16 5.104 12.748 5.954C12.687 6.078 12.592 6.162 12.462 6.208C12.331 6.253 12.204 6.246 12.08 6.186C12.048 6.163 12.014 6.142 11.98 6.123C11.909 6.065 11.857 5.991 11.825 5.899C11.78 5.769 11.788 5.641 11.848 5.517C12.543 4.084 12.923 2.578 12.99 1L10 1C9.724 1 9.488 1.098 9.293 1.293ZM11.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 16Z"/></svg>

React

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

export function PhoneSparkleIcon(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="M9.293 1.293C9.098 1.488 9 1.724 9 2L9 3L9.5 3C9.641 3 9.759 3.048 9.856 3.144C9.952 3.241 10 3.359 10 3.5C10 4.199 9.871 4.874 9.614 5.525C9.334 6.231 8.926 6.852 8.389 7.389C7.852 7.926 7.231 8.334 6.525 8.614C5.874 8.871 5.199 9 4.5 9C4.359 9 4.241 8.952 4.144 8.856C4.048 8.759 4 8.641 4 8.5L4 8L3 8C2.724 8 2.488 8.098 2.293 8.293C2.098 8.488 2 8.724 2 9L2 11.989C3.147 11.94 4.265 11.722 5.353 11.335C5.483 11.289 5.611 11.296 5.735 11.355C5.86 11.414 5.946 11.509 5.992 11.639C6.038 11.769 6.032 11.896 5.972 12.021C5.913 12.146 5.818 12.231 5.688 12.277C4.334 12.759 2.938 13 1.5 13C1.359 13 1.241 12.952 1.144 12.856C1.048 12.759 1 12.641 1 12.5L1 9C1 8.746 1.047 8.5 1.14 8.264C1.242 8.007 1.391 7.781 1.586 7.586C1.781 7.391 2.007 7.242 2.264 7.14C2.5 7.047 2.746 7 3 7L4 7C4.276 7 4.512 7.098 4.707 7.293C4.896 7.482 4.993 7.708 5 7.973C5.395 7.929 5.781 7.833 6.156 7.684C6.734 7.455 7.243 7.121 7.682 6.682C8.121 6.243 8.455 5.734 8.684 5.156C8.833 4.781 8.929 4.395 8.973 4C8.708 3.993 8.482 3.896 8.293 3.707C8.098 3.512 8 3.276 8 3L8 2C8 1.746 8.047 1.5 8.14 1.264C8.242 1.007 8.391 0.781 8.586 0.586C8.781 0.391 9.007 0.242 9.264 0.14C9.5 0.047 9.746 0 10 0L13.5 0C13.641 0 13.759 0.048 13.856 0.144C13.952 0.241 14 0.359 14 0.5C14 1.445 13.894 2.377 13.683 3.298C13.471 4.218 13.16 5.104 12.748 5.954C12.687 6.078 12.592 6.162 12.462 6.208C12.331 6.253 12.204 6.246 12.08 6.186C12.048 6.163 12.014 6.142 11.98 6.123C11.909 6.065 11.857 5.991 11.825 5.899C11.78 5.769 11.788 5.641 11.848 5.517C12.543 4.084 12.923 2.578 12.99 1L10 1C9.724 1 9.488 1.098 9.293 1.293ZM11.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 16Z" />
    </svg>
  );
}

Vue

Vue: see /icons/phone-sparkle.md

Svelte

Svelte: see /icons/phone-sparkle.md

HTML img

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

CSS

CSS: see /icons/phone-sparkle.md

Data URL

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

Sprite

Sprite: see /icons/phone-sparkle.md

SwiftUI

SwiftUI: see /icons/phone-sparkle.md

Compose

Compose: see /icons/phone-sparkle.md

Android XML

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

Flutter

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

ai call, voice agent, ai voice agent, ai receptionist

Example

AI voice-agent call

Alternatives

mic-sparkle: AI voice without a call (mic-sparkle owns ai-voice)
user-headset: a human support agent

Built from

phone + sparkle

Tags

handset, call, telephone, dial, contact, sparkle

Category

Communication

Component name

PhoneSparkleIcon

History

2026-10-15 added

Family 17

phone phone-alert phone-check phone-clock phone-forwarded phone-gear phone-hangup phone-incoming phone-missed phone-off phone-outgoing phone-pause

More communication icons

at-sign broadcast broadcast-off dialpad forward inbox inbox-arrow-down inbox-arrow-up inbox-check inbox-user mail mail-alert mail-bolt mail-check mail-clock mail-dot · all communication icons

For agents

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

phone-sparkle icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp