Create Split & Divided SVG Shapes

Tool powered by dddivided on fffuel.

Create free two-tone split SVG shapes and dual-color icons—customize divide position and offset, then copy SVG.

What is a Split SVG Generator?

Create free two-tone split SVG shapes and dual-color icons—customize divide position and offset, then copy SVG.

Features for Split SVG Design

A free collection of split SVG shapes and divided graphics.

  • Split SVG Shapes

    Customizable split SVG shapes with adjustable division lines. Create unique two-tone designs.

  • Divide Position

    Control where the shape is divided. Two-tone effect.

  • Two Colors

    Color 1 and color 2. Full color control for each half.

  • Offset

    Offset X, offset Y. Position adjustment.

  • Like dddynamite

    Similar concept to the dddynamite decorative shapes collection.

  • MIT Licensed

    Free for personal and commercial. MIT license.

How To Create Divided SVG Shapes

Customize and download in three steps.

  1. Set Colors

    Color 1, color 2. Two-tone palette.

  2. Adjust Divide & Offset

    Divide position. Offset X, offset Y.

  3. Download

    Click the shape to download customized SVG.

Tips for Split SVG Designs

Get the most out of the collection.
  • 01

    Divide Position

    Adjust divide position for different split ratios. 50% = even split.

  • 02

    Contrast

    High contrast between color 1 and 2 for bold effect.

  • 03

    Offset

    Offset can shift the divide line for asymmetric look.

Great For Designers and Developers

Who benefits from split SVG shapes?

  • Split Icons

    Create modern two-tone icons easily.

  • Web Designers

    Two-tone icons. Split backgrounds.

  • Branding

    Dual-color logos. Split visual.

  • UI Designers

    Decorative split elements.

  • Developers

    Inline SVG. MIT licensed.

Why Use a Split SVG Generator?

Add two-tone shapes to designs.

  • Custom Divided Shapes

    Generate unique divided SVG shapes instantly.

  • Two-Tone

    Split shapes. Color 1 and 2.

  • Customizable

    Divide position, offset, colors.

  • MIT License

    Personal and commercial. Free.

  • Collection

    Multiple shapes. Pick what fits.

Frequently Asked Questions

Quick answers about this tool—open a question to read more.