Split SVG Shapes

What is dddivided Split Shapes?

A simple set of customizable split SVG shapes, similar in idea and concept to the dddynamite collection. Each shape is split into two colored areas. You adjust divide position, offset X, offset Y, color 1, and color 2. The shapes are free for both personal and commercial projects and licensed under MIT.

Features for Designers

A free collection of split SVG shapes.

Split Shapes

Customizable split SVG shapes. Two areas per shape.

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 Use Split Shapes

Customize and download in three steps.

Set Colors

Color 1, color 2. Two-tone palette.

Adjust Divide & Offset

Divide position. Offset X, offset Y.

Download

Click the shape to download customized SVG.

Tips for Split Shapes

Get the most out of the collection.

Divide Position

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

Contrast

High contrast between color 1 and 2 for bold effect.

Offset

Offset can shift the divide line for asymmetric look.

Great For Designers and Developers

Who benefits from split shapes?

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 Split SVG Shapes?

Add two-tone shapes to designs.

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.

Technical Details

How the tool works.

Controls

Divide position, offset X/Y, color 1, color 2.

Output

SVG files. Split shapes with two colors.

License

MIT. Free for personal and commercial use.

Frequently Asked Questions

Have questions? We have answers.