How to create a transparent stroke in Illustrator

I’m trying to reproduce the iPhone battery symbol. It has a gap between the fill and the stroke. I successfully managed to do it with the appearance palette, as you can see below:

enter image description here

It works well if the background is white. However, once i put an image as a background…

enter image description here

I want the gap to be transparent, rather than white.

How can I do that?


Thank you for visiting the Q&A section on Magenaut. Please note that all the answers may not help you solve the issue immediately. So please treat them as advisements. If you found the post helpful (or not), leave a comment & I’ll get back to you as soon as possible.

Method 1

Set the opacity of your white stroke to 0, then check “Knockout Group” from the main transparency options of the path (not of the stroke itself).


enter image description here

All methods was sourced from or, is licensed under cc by-sa 2.5, cc by-sa 3.0 and cc by-sa 4.0

0 0 votes
Article Rating
Notify of

Inline Feedbacks
View all comments
Would love your thoughts, please comment.x