Gentleface › Devices & hardware › scan-sparkle

scan-sparkle icon

Scan sparkle: ai scan, smart scan, auto detect. 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.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 1L4.5 1C4.641 1 4.759 1.048 4.856 1.144C4.952 1.241 5 1.359 5 1.5C5 1.641 4.952 1.759 4.856 1.856C4.759 1.952 4.641 2 4.5 2L3 2C2.724 2 2.488 2.098 2.293 2.293C2.098 2.488 2 2.724 2 3L2 4.5C2 4.641 1.952 4.759 1.856 4.856C1.759 4.952 1.641 5 1.5 5C1.359 5 1.241 4.952 1.144 4.856C1.048 4.759 1 4.641 1 4.5L1 3C1 2.746 1.047 2.5 1.14 2.264ZM13.856 4.856C13.759 4.952 13.641 5 13.5 5C13.359 5 13.241 4.952 13.144 4.856C13.048 4.759 13 4.641 13 4.5L13 3C13 2.724 12.902 2.488 12.707 2.293C12.512 2.098 12.276 2 12 2L10.5 2C10.359 2 10.241 1.952 10.144 1.856C10.048 1.759 10 1.641 10 1.5C10 1.359 10.048 1.241 10.144 1.144C10.241 1.048 10.359 1 10.5 1L12 1C12.254 1 12.5 1.047 12.736 1.14C12.993 1.242 13.219 1.391 13.414 1.586C13.609 1.781 13.758 2.007 13.86 2.264C13.953 2.5 14 2.746 14 3L14 4.5C14 4.641 13.952 4.759 13.856 4.856ZM3.5 7L9.5 7C9.641 7 9.759 7.048 9.856 7.144C9.952 7.241 10 7.359 10 7.5C10 7.641 9.952 7.759 9.856 7.856C9.759 7.952 9.641 8 9.5 8L3.5 8C3.359 8 3.241 7.952 3.144 7.856C3.048 7.759 3 7.641 3 7.5C3 7.359 3.048 7.241 3.144 7.144C3.241 7.048 3.359 7 3.5 7ZM11.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 16ZM1.144 10.144C1.241 10.048 1.359 10 1.5 10C1.641 10 1.759 10.048 1.856 10.144C1.952 10.241 2 10.359 2 10.5L2 12C2 12.276 2.098 12.512 2.293 12.707C2.488 12.902 2.724 13 3 13L4.5 13C4.641 13 4.759 13.048 4.856 13.144C4.952 13.241 5 13.359 5 13.5C5 13.641 4.952 13.759 4.856 13.856C4.759 13.952 4.641 14 4.5 14L3 14C2.746 14 2.5 13.953 2.264 13.86C2.007 13.758 1.781 13.609 1.586 13.414C1.391 13.219 1.242 12.993 1.14 12.736C1.047 12.5 1 12.254 1 12L1 10.5C1 10.359 1.048 10.241 1.144 10.144Z"/></svg>

React

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

export function ScanSparkleIcon(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.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 1L4.5 1C4.641 1 4.759 1.048 4.856 1.144C4.952 1.241 5 1.359 5 1.5C5 1.641 4.952 1.759 4.856 1.856C4.759 1.952 4.641 2 4.5 2L3 2C2.724 2 2.488 2.098 2.293 2.293C2.098 2.488 2 2.724 2 3L2 4.5C2 4.641 1.952 4.759 1.856 4.856C1.759 4.952 1.641 5 1.5 5C1.359 5 1.241 4.952 1.144 4.856C1.048 4.759 1 4.641 1 4.5L1 3C1 2.746 1.047 2.5 1.14 2.264ZM13.856 4.856C13.759 4.952 13.641 5 13.5 5C13.359 5 13.241 4.952 13.144 4.856C13.048 4.759 13 4.641 13 4.5L13 3C13 2.724 12.902 2.488 12.707 2.293C12.512 2.098 12.276 2 12 2L10.5 2C10.359 2 10.241 1.952 10.144 1.856C10.048 1.759 10 1.641 10 1.5C10 1.359 10.048 1.241 10.144 1.144C10.241 1.048 10.359 1 10.5 1L12 1C12.254 1 12.5 1.047 12.736 1.14C12.993 1.242 13.219 1.391 13.414 1.586C13.609 1.781 13.758 2.007 13.86 2.264C13.953 2.5 14 2.746 14 3L14 4.5C14 4.641 13.952 4.759 13.856 4.856ZM3.5 7L9.5 7C9.641 7 9.759 7.048 9.856 7.144C9.952 7.241 10 7.359 10 7.5C10 7.641 9.952 7.759 9.856 7.856C9.759 7.952 9.641 8 9.5 8L3.5 8C3.359 8 3.241 7.952 3.144 7.856C3.048 7.759 3 7.641 3 7.5C3 7.359 3.048 7.241 3.144 7.144C3.241 7.048 3.359 7 3.5 7ZM11.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 16ZM1.144 10.144C1.241 10.048 1.359 10 1.5 10C1.641 10 1.759 10.048 1.856 10.144C1.952 10.241 2 10.359 2 10.5L2 12C2 12.276 2.098 12.512 2.293 12.707C2.488 12.902 2.724 13 3 13L4.5 13C4.641 13 4.759 13.048 4.856 13.144C4.952 13.241 5 13.359 5 13.5C5 13.641 4.952 13.759 4.856 13.856C4.759 13.952 4.641 14 4.5 14L3 14C2.746 14 2.5 13.953 2.264 13.86C2.007 13.758 1.781 13.609 1.586 13.414C1.391 13.219 1.242 12.993 1.14 12.736C1.047 12.5 1 12.254 1 12L1 10.5C1 10.359 1.048 10.241 1.144 10.144Z" />
    </svg>
  );
}

Vue

Vue: see /icons/scan-sparkle.md

Svelte

Svelte: see /icons/scan-sparkle.md

HTML img

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

CSS

CSS: see /icons/scan-sparkle.md

Data URL

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

Sprite

Sprite: see /icons/scan-sparkle.md

SwiftUI

SwiftUI: see /icons/scan-sparkle.md

Compose

Compose: see /icons/scan-sparkle.md

Android XML

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

Flutter

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

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

Meaning

Use it for

ai scan, smart scan, auto detect

Example

AI object recognition in a camera view

Built from

scan + sparkle

Tags

scan, scanner, capture, camera, viewfinder, frame, document-scan, sparkle

Category

Devices & hardware

Component name

ScanSparkleIcon

History

2026-11-07 added, released in 0.6.0

Since

version 0.6.0

Family 14

scan scan-alert scan-barcode scan-cube scan-cube-off scan-eye scan-face scan-face-alert scan-heart scan-qr-code scan-search scan-text

More devices & hardware icons

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

For agents

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

scan-sparkle icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp