activity icon

Activity: activity, pulse, monitoring, system monitor. 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="M5.053 3.276C5.116 3.15 5.212 3.066 5.341 3.023C5.47 2.98 5.598 2.99 5.724 3.053C5.823 3.102 5.898 3.177 5.947 3.276L9.5 10.382L11.053 7.276C11.096 7.191 11.157 7.124 11.237 7.074C11.317 7.025 11.404 7 11.5 7L13.5 7C13.641 7 13.759 7.048 13.856 7.144C13.952 7.241 14 7.359 14 7.5C14 7.641 13.952 7.759 13.856 7.856C13.759 7.952 13.641 8 13.5 8L11.809 8L9.947 11.724C9.898 11.823 9.823 11.898 9.724 11.947C9.6 12.009 9.473 12.018 9.342 11.974C9.211 11.931 9.115 11.847 9.053 11.724L5.5 4.618L3.947 7.724C3.904 7.809 3.843 7.876 3.763 7.926C3.683 7.975 3.596 8 3.5 8L1.5 8C1.359 8 1.241 7.952 1.144 7.856C1.048 7.759 1 7.641 1 7.5C1 7.359 1.048 7.241 1.144 7.144C1.241 7.048 1.359 7 1.5 7L3.191 7L5.053 3.276Z"/></svg>

React

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

export function ActivityIcon(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="M5.053 3.276C5.116 3.15 5.212 3.066 5.341 3.023C5.47 2.98 5.598 2.99 5.724 3.053C5.823 3.102 5.898 3.177 5.947 3.276L9.5 10.382L11.053 7.276C11.096 7.191 11.157 7.124 11.237 7.074C11.317 7.025 11.404 7 11.5 7L13.5 7C13.641 7 13.759 7.048 13.856 7.144C13.952 7.241 14 7.359 14 7.5C14 7.641 13.952 7.759 13.856 7.856C13.759 7.952 13.641 8 13.5 8L11.809 8L9.947 11.724C9.898 11.823 9.823 11.898 9.724 11.947C9.6 12.009 9.473 12.018 9.342 11.974C9.211 11.931 9.115 11.847 9.053 11.724L5.5 4.618L3.947 7.724C3.904 7.809 3.843 7.876 3.763 7.926C3.683 7.975 3.596 8 3.5 8L1.5 8C1.359 8 1.241 7.952 1.144 7.856C1.048 7.759 1 7.641 1 7.5C1 7.359 1.048 7.241 1.144 7.144C1.241 7.048 1.359 7 1.5 7L3.191 7L5.053 3.276Z" />
    </svg>
  );
}

Vue

Vue: see /icons/activity.md

Svelte

Svelte: see /icons/activity.md

HTML img

HTML img: see /icons/activity.md

CSS

CSS: see /icons/activity.md

Data URL

Data URL: see /icons/activity.md

Sprite

Sprite: see /icons/activity.md

SwiftUI

SwiftUI: see /icons/activity.md

Compose

Compose: see /icons/activity.md

Android XML

Android XML: see /icons/activity.md

Flutter

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

activity, pulse, monitoring, system monitor, uptime monitoring, observability

Alternatives

heart-pulse: heart rate and health
line-chart: a metric over time with axes (line-chart)
gauge: a single level or performance score (gauge)
server-check: server health checks passing (server-online)

Also fits

performance: live monitoring over time (monitoring)
heart rate: pulse, monitoring or an activity graph

Tags

pulse, heartbeat, vitals, ecg, health, monitor

Category

Charts & data

Component name

ActivityIcon

History

2026-10-14 added

Family 33

activity-search area-chart area-chart-stacked bar-chart bar-chart-clock bar-chart-grouped bar-chart-grouped-filled bar-chart-horizontal bar-chart-off bar-chart-pencil bar-chart-plus bar-chart-search

More charts & data icons

chart-legend flowchart gauge node-graph word-cloud · all charts & data icons

For agents

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

activity icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp