How to Add One Gradient Across Multiple Objects in Illustrator

This catches loads of people. You select a bunch of icons, apply a gradient, and Illustrator happily puts a gradient on every single object individually.

Technically, yes, you added a gradient to lots of stuff. Practically, no, that is not what you meant.

What you usually want is one smooth band of colour that runs across all the objects together, so the left object picks up one side of the gradient, the middle object gets the transition, and the right object gets the far end.

The quick fix

If you only want the answer, here it is:

1. Select all the objects.

2. Make them a Compound Path.

3. Use Command+8 on Mac or Control+8 on Windows.

4. Apply a gradient fill.

5. Grab the Gradient Tool and drag across the objects.

That gives you one shared gradient instead of several little separate ones.

Why the usual approach fails

If you leave the artwork as separate shapes, Illustrator treats each object like its own little world. So when you apply a gradient, every icon gets its own gradient line, its own start point, and its own end point.

You can sort of fake it by selecting everything and dragging the Gradient Tool across the set, but it is still multiple gradients underneath. That means editing becomes awkward fast.

For example, if you click into one shape and change a colour stop, you are only changing that one object's gradient. The others keep their own settings. That is why you see multiple gradient annotators and why the result feels messy.

The proper method step by step

1. Select all the shapes

Start with the objects that should share one gradient. In the example, that is a cart, a pie chart, and a heart icon.

2. Turn them into a Compound Path

With everything selected, use Command+8 on Mac or Control+8 on Windows.

You can also find the same command in Illustrator's object menus if you prefer clicking, but the shortcut is the easy one to remember.

3. Apply a gradient fill

Once the shapes are a compound path, go to Fill and choose a gradient. A simple black to white gradient is fine to start with because the real point is to get the behaviour working first.

4. Use the Gradient Tool

Now grab the Gradient Tool and drag across the full width of the artwork.

This is the moment the trick pays off. Instead of separate gradients on each icon, you get one continuous gradient band that stretches across the combined shape.

What a compound path is really doing here

Normally, a compound path is something people meet when they need to punch a hole through a shape.

Think of a smaller square sitting on top of a bigger square. Turn those into a compound path, and Illustrator treats them as one object with a cutout. That is the standard use.

But it also works brilliantly as a trick for gradients across multiple separate objects, because Illustrator now reads the whole selection as a single fillable item.

How to customise the colours

Once the shared gradient is in place, you can style it however you like.

One neat way to do that is to sample colours from an inspirational image using the Eyedropper Tool. Click a gradient stop, then use the eyedropper to pick a colour. Repeat for the other stops until the blend feels right.

In the example, the gradient is built from several colours rather than just two, which gives it a richer, more modern look.

To edit the gradient stops

• Click a stop on the gradient line to select it.

• Double click the stop to change its colour.

• Use the Eyedropper Tool to sample from another image if needed.

• Click beneath the gradient line to add a new stop.

• Drag an unwanted stop away from the line to delete it.

What the middle diamonds do

Between colour stops, Illustrator shows little midpoint controls. These decide which colour has more influence in that section of the blend.

If you move one closer to the left stop, the right colour takes over more space. Move it closer to the right stop, and the left colour dominates more of the transition.

It is basically a balance control for how the colours mix between stops.

One important warning

If you release the compound path later, the effect falls apart.

That shared gradient depends on Illustrator treating all those shapes as one object. Break the compound path apart, and you are back to separate pieces with separate fills.

So if the gradient is working nicely, be careful about releasing the compound path unless you are happy to rebuild the effect.

Why this trick matters

It sounds like a tiny Illustrator trick, but it comes up all the time in icon sets, logo explorations, badge designs, and any artwork made from multiple simple shapes.

Once you know the fix, it stops being one of those weirdly frustrating Illustrator problems and becomes a quick, reliable move.

The whole thing comes down to one idea: if you want one gradient across many objects, make Illustrator see them as one object first.

FAQ

Why does Illustrator apply a separate gradient to each object?

Because each shape is still an independent object. Illustrator fills them one by one unless you combine them into a compound path first.

What shortcut makes a compound path in Illustrator?

Use Command+8 on Mac or Control+8 on Windows.

Can I use a group instead of a compound path?

No, a regular group will not give you one shared gradient across all the shapes. The key is converting the selection into a compound path so Illustrator treats it as a single fillable object.

Can I add more than two colours to the gradient?

Yes. Add extra gradient stops, then edit each stop's colour. You can also sample colours with the Eyedropper Tool for a more tailored palette.

What happens if I release the compound path?

The shared gradient setup breaks. Once the shapes stop acting like one object, Illustrator no longer maintains that single continuous gradient across them.