Like Icon

I picked up this "like" icon from iconfinder.com. Originally it was in black. I adjusted it to orange. To help the user, I'd like to have it be "hollow" (i.e. just a border - transparent in the middle) before they click it (i.e. before they "like" something) and solid like this after they click it. I can do the coding to swap image, but I need to create the "hollow" version of this.

I've got photoshop and illustrator and fireworks, but I'm a web developer, so I have no idea how to really use them. I tried a dozen different things I found online, but nothing is working. Any ideas what I could try?

1 Answer 1


I don't know the correct method to do this but I would do the following to achieve the effect

Lower the fill to 0% and add orange stroke from layer styles.

enter image description here

  • Looks like you're in Photoshop, correct? How do you "Effects" and "Stroke" in the layer? Commented Nov 19, 2014 at 16:36
  • Nevermind, I figured it out. That works perfect!! Thank you!! Commented Nov 19, 2014 at 16:41

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.