#HTML + CSS, 676 bytes
This can be golfed a lot, by getting rid of those left:XXXpx and using some sort of centering. But here goes.
a,b,c,d,e,f,g{z-index:-1;width:145px;left:9px;top:-5px;position:absolute;background:#404040;height:75px;border-radius:13px}b{top:0px;left: 10px;width:126px;background:#58585C}c{width:163px;height:61px;left:22px;top:83px;}d,e{width:68px;height:40px;top:-20px}c,d,e{background:#1F1A1A}d{left:0;transform:skew(0deg,-26deg);border-radius:9px 24px}e{left:95px;transform:skew(0deg,26deg);border-radius:24px 9px}f{height:40px;width:100px;top:-18px;left:32px;border-radius:150px/60px}g{height:32px;width:32px;background:#FFCA57;border:5px solid #FF1C22;border-radius:40px;left:38px;top:13px;color:#FF1C22;font-size:1cm;line-height:31px;padding:4px}<c><d></d><e></e><f></f><a><b><g>★Note: This works best/as expected in Firefox on Windows