Gentleface › Security & privacy › shield-sparkle

shield-sparkle icon

Shield sparkle: ai security, ai threat detection, ai protection. 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="M2.144 3.144C2.241 3.048 2.359 3 2.5 3C3.471 3 4.307 2.865 5.008 2.596C5.754 2.309 6.467 1.826 7.146 1.146C7.244 1.049 7.362 1 7.5 1C7.638 1 7.756 1.049 7.854 1.146C8.533 1.826 9.246 2.309 9.992 2.596C10.693 2.865 11.529 3 12.5 3C12.641 3 12.759 3.048 12.856 3.144C12.952 3.241 13 3.359 13 3.5L13 5.5C13 5.641 12.952 5.759 12.856 5.856C12.759 5.952 12.641 6 12.5 6C12.359 6 12.241 5.952 12.144 5.856C12.048 5.759 12 5.641 12 5.5L12 3.989C11.111 3.947 10.322 3.794 9.633 3.529C8.886 3.242 8.175 2.795 7.5 2.189C6.825 2.795 6.114 3.242 5.367 3.529C4.678 3.794 3.889 3.947 3 3.989L3 8.5C3 9.757 3.476 10.893 4.427 11.908C4.848 12.357 5.35 12.768 5.934 13.141C6.418 13.451 6.94 13.724 7.5 13.96C7.944 13.773 8.365 13.562 8.764 13.327C8.883 13.257 9.01 13.239 9.143 13.274C9.173 13.281 9.201 13.291 9.228 13.303C9.298 13.355 9.363 13.409 9.424 13.465C9.433 13.478 9.441 13.49 9.449 13.504C9.519 13.623 9.537 13.749 9.502 13.883C9.468 14.017 9.391 14.118 9.272 14.188C8.774 14.482 8.245 14.741 7.686 14.964C7.562 15.014 7.438 15.014 7.314 14.964C6.625 14.689 5.985 14.362 5.395 13.984C4.741 13.565 4.175 13.101 3.698 12.592C3.165 12.024 2.757 11.414 2.472 10.763C2.157 10.044 2 9.29 2 8.5L2 3.5C2 3.359 2.048 3.241 2.144 3.144ZM11.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 "shield-sparkle" (line-round), MIT. https://gentleface.com/icons/shield-sparkle
import type { SVGProps } from 'react';

export function ShieldSparkleIcon(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="M2.144 3.144C2.241 3.048 2.359 3 2.5 3C3.471 3 4.307 2.865 5.008 2.596C5.754 2.309 6.467 1.826 7.146 1.146C7.244 1.049 7.362 1 7.5 1C7.638 1 7.756 1.049 7.854 1.146C8.533 1.826 9.246 2.309 9.992 2.596C10.693 2.865 11.529 3 12.5 3C12.641 3 12.759 3.048 12.856 3.144C12.952 3.241 13 3.359 13 3.5L13 5.5C13 5.641 12.952 5.759 12.856 5.856C12.759 5.952 12.641 6 12.5 6C12.359 6 12.241 5.952 12.144 5.856C12.048 5.759 12 5.641 12 5.5L12 3.989C11.111 3.947 10.322 3.794 9.633 3.529C8.886 3.242 8.175 2.795 7.5 2.189C6.825 2.795 6.114 3.242 5.367 3.529C4.678 3.794 3.889 3.947 3 3.989L3 8.5C3 9.757 3.476 10.893 4.427 11.908C4.848 12.357 5.35 12.768 5.934 13.141C6.418 13.451 6.94 13.724 7.5 13.96C7.944 13.773 8.365 13.562 8.764 13.327C8.883 13.257 9.01 13.239 9.143 13.274C9.173 13.281 9.201 13.291 9.228 13.303C9.298 13.355 9.363 13.409 9.424 13.465C9.433 13.478 9.441 13.49 9.449 13.504C9.519 13.623 9.537 13.749 9.502 13.883C9.468 14.017 9.391 14.118 9.272 14.188C8.774 14.482 8.245 14.741 7.686 14.964C7.562 15.014 7.438 15.014 7.314 14.964C6.625 14.689 5.985 14.362 5.395 13.984C4.741 13.565 4.175 13.101 3.698 12.592C3.165 12.024 2.757 11.414 2.472 10.763C2.157 10.044 2 9.29 2 8.5L2 3.5C2 3.359 2.048 3.241 2.144 3.144ZM11.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/shield-sparkle.md

Svelte

Svelte: see /icons/shield-sparkle.md

HTML img

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

CSS

CSS: see /icons/shield-sparkle.md

Data URL

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

Sprite

Sprite: see /icons/shield-sparkle.md

SwiftUI

SwiftUI: see /icons/shield-sparkle.md

Compose

Compose: see /icons/shield-sparkle.md

Android XML

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

Flutter

Flutter: see /icons/shield-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 security, ai threat detection, ai protection

Example

AI security assistant in a security console

Built from

shield + sparkle

Tags

security, protect, guard, safe, sparkle

Category

Security & privacy

Component name

ShieldSparkleIcon

History

2026-10-15 added

Family 13

shield shield-alert shield-check shield-clock shield-gear shield-lock shield-off shield-pause shield-plus shield-question shield-search shield-sync

More security & privacy icons

brick-wall cctv cctv-off fingerprint fingerprint-off incognito input-password key key-alert key-check key-clock key-code key-horizontal key-off key-plus key-question · all security & privacy icons

For agents

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

shield-sparkle icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp