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?


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? – Nick Petrie Nov 19 '14 at 16:36
  • Nevermind, I figured it out. That works perfect!! Thank you!! – Nick Petrie Nov 19 '14 at 16:41

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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