Nice!
Ett snabbt tips när du jobbar med rundade hörn:
Den inre fyrkantens hörn bör ha något mindre radie, på så vis blir "bordern" lika bred runt hela ikonen. Gjorde ett snabbt exempel:
Hur mycket mindre värdet ska vara beror helt på hur bred bordern är och hur stor radie du använt. Men du kan rätt enkelt testa dig fram och se var det ser rätt ut. I exemplet ovan har den större kvadraten 8px radie och den mindre 5. I det här fallet, eftersom det rör sig om en gradient, hade du också kunnat använda en stroke (om du arbetar i photoshop) som du sätter som inner och fyller med en gradient. På så vis kan du enkelt ställa in tjockleken i efterhand.
Om jag tolkar din ikon rätt så ser det ut som att du helt enkelt tagit den stora fyrkanten och skalat om den. Detta ger ett inte lika stort fel som att använda samma radie men resultatet blir fortfarande inte helt korrekt samt att man riskerar att få oskarpa hörn eftersom radien lätt hamnar på knasiga värden typ 5,214567 snarare än 5.
Det ser också ut som att din ikon har 1px större border till botten jämfört med de andra sidorna. Detta kan givetvis vara ett medvetet val och det ska jag inte lägga mig i men kanske ätt ändra nu om tanken var att alla skulle vara lika stora så slipper du göra om en massa i efterhand
Hoppas det kanske hjälper och inspirerar
Click to expand...