Tiny Online Tools logoTiny Online ToolssearchSearch tools…grid_viewAll Tools
Homechevron_rightSVG Toolschevron_rightSVG Line Pattern GeneratorSVG Line Pattern Generator

SVG Line Pattern Generator

Generate clean SVG line patterns with custom angle, spacing, thickness, and color. Perfect for backgrounds, hatching textures, stripes, and decorative overlays.

PatternColorAlternating second colorBackgroundShow backgroundOutput dimensionsGenerated codecodeSVGbrushCSS
xml
css

Similar Tools

SVG Dot Grid Pattern

SVG Dot Grid Pattern

Generate a clean SVG dot grid pattern with custom dot size, spacing, color, and optional staggered rows. Perfect for backgrounds, notebooks, UI design, and decorative textures.

SVG Scales Pattern Generator

SVG Scales Pattern Generator

Generate SVG fish scales and mermaid scales patterns with custom radius, stroke, and fill. Perfect for decorative backgrounds, packaging, fashion prints, and Art Deco designs.

SVG Zigzag Pattern Generator

SVG Zigzag Pattern Generator

Generate SVG zigzag and chevron patterns with custom amplitude, wavelength, row spacing, and stroke width. Great for retro textiles, bold backgrounds, and geometric overlays.

SVG Circular Pattern Generator

SVG Circular Pattern Generator

Generate decorative SVG patterns from concentric rings, dot grids, or honeycomb-style offset dots.

Convert TIFF to JPG

Convert TIFF to JPG

Convert TIFF/TIF images to JPG. Handles LZW, PackBits, and uncompressed TIFFs in your browser.

Split PDF by File Size

Split PDF by File Size

Split a PDF into smaller parts that each stay under a target file size in megabytes. Ideal for email attachments and upload limits.

G-code Viewer

G-code Viewer

Preview a sliced G-code file in 3D: layer by layer, coloured by feature, move type, speed or extruder.

apps

More Tools

Browse our full collection of free online tools.

SVG Line Pattern Generator

Create crisp, geometric line patterns in SVG format — from clean horizontal stripes to dense diagonal hatching. This free tool generates scalable line textures directly in your browser with precise control over angle, spacing, and thickness.

Features

  • Free angle control — from -180° to 180° in 1° increments.
  • Spacing slider — dense hatching or widely-spaced stripes.
  • Line thickness — hairlines to bold bars.
  • Two-tone stripes — optional alternating color for candy-stripe effects.
  • Background control — solid fill or transparent.
  • Crisp clipped output — lines stay inside the canvas bounds.

How to Use

  1. Set the line angle — 0° for horizontal, 90° for vertical, 45° for diagonal.
  2. Adjust spacing to control density.
  3. Tweak thickness for subtle hairlines or heavy stripes.
  4. Toggle alternating color for two-tone patterns.
  5. Choose your colors and copy or download the SVG.

Use Cases

  • Web backgrounds — hero section textures and decorative panels.
  • Print design — hatching for illustrations and covers.
  • Branding — repeatable stripe patterns for packaging.
  • Presentations — clean slide accents.
  • UI design — loading placeholders, disabled states, diagonal overlays.

All generation runs client-side. The result is clean, minimal SVG markup ready for any pipeline.