I have downloaded a heart icon vector from flaticon, I will use it as "add as favorite" icon, so I need two states:
- The heart filled with black background with opacity 75% for example (unchecked)
- The heart filled with red color 100% opacity (checked)
Question: I can't figure out how to fill a vector while keeping the border color, In other words get rid of the black background outside the heart in my example (see second screen-shot)
What I have tried: I have tried to use the intersection between layers as you can see from the screenshot
Note: I am not a designer, I an iOS developer who try to create my own design for the first time, so be easy ;), I have spend more than 1 hour searching in Youtube and Google and here and I guess for a designer it will take 1 minute to do what I want.