.app-icon-icon { position: relative; display: flex; align-items: center; justify-content: center; } .app-icon-drop { width: 48%; height: 48%; border: 3rpx solid currentColor; border-radius: 50% 50% 50% 0; transform: rotate(135deg); } .app-icon-bowl { position: relative; width: 70%; height: 40%; border: 3rpx solid currentColor; border-radius: 5rpx 5rpx 50% 50%; } .app-icon-bowl-rim { position: absolute; left: -8%; top: -5rpx; width: 116%; height: 3rpx; border-radius: 4rpx; background: currentColor; } .app-icon-paw { position: relative; width: 85%; height: 85%; } .app-icon-toe, .app-icon-pad { position: absolute; background: currentColor; } .app-icon-toe { width: 17%; height: 24%; border-radius: 50%; } .app-icon-one { left: 0; top: 26%; transform: rotate(-28deg); } .app-icon-two { left: 24%; top: 3%; transform: rotate(-12deg); } .app-icon-three { right: 24%; top: 3%; transform: rotate(12deg); } .app-icon-four { right: 0; top: 26%; transform: rotate(28deg); } .app-icon-pad { left: 24%; top: 48%; width: 52%; height: 42%; border-radius: 50% 50% 45% 45%; }