Comic action / speed lines SVG. Emphasis, motion, tension. Comics / thumbnails / social.
๐Ÿ’จ Preview

How to use

  1. Pick type (radial / horizontal / diagonal / vertical).
  2. Set width and height.
  3. Adjust line count, center, hole size.
  4. Set color and width.
  5. Download SVG or PNG.

Key features

  • 4 types (radial ยท horizontal ยท diagonal ยท vertical)
  • Free center positioning (off-center supported)
  • Center hole for emphasis area
  • Width variance for natural hand-drawn feel
  • 5 presets (manga ยท speed ยท yellow burst ยท red panic ยท action)

Use cases

  • YouTube thumbnails โ€” focus on a person/product
  • Comics / webtoons โ€” shock, surprise, speed
  • Instagram ads โ€” SALE / NEW background
  • Thumbnail backgrounds โ€” attention grabbing
  • Event posters โ€” dynamic mood

Focus vs speed lines

Focus lines (radial from a point) express attention / shock / emotional explosion. Speed lines (parallel horizontal) express fast motion / velocity. The most powerful visual language in Japanese manga โ€” they convey emotion and motion instantly without text or color.

FAQ

Overlay on image?

Download transparent PNG โ†’ Photoshop/Figma "multiply" or "screen" blend mode.

Too chaotic?

Reduce line count (40โ€“60), increase center hole (30โ€“40%). Emphasis area becomes clear.

Effective on thumbnails?

Align center X/Y to the subject's face โ€” eyes lead to subject. Proven CTR booster.

Free?

Yes, no signup.