Logo de Ubuntu con Puro CSS

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Logo de Ubuntu con CSS</title>
    <style>
        .logo {
          width:150px;height:150px;margin:0 auto;border-radius:50%;position:relative;display: block;
          background:
            radial-gradient(circle, #fff 40%, #DD4814 43% 52%, transparent 55%) 4% center / 25% 25% no-repeat,
            radial-gradient(circle, #fff 40%, #DD4814 43% 52%, transparent 55%) 73% 12.5% / 25% 25% no-repeat,
            radial-gradient(circle, #fff 40%, #DD4814 43% 52%, transparent 55%) 72.5% 90% / 25% 25% no-repeat,
            linear-gradient(to bottom, transparent 35%, #DD4814 35% 65%, transparent 65%) 80% center / 15% 15% no-repeat,
            linear-gradient(-60deg, transparent 34%, #DD4814 35% 55%, transparent 56%) 34% 77.5% / 15% 15% no-repeat,
            linear-gradient(60deg, transparent 34%, #DD4814 35% 55%, transparent 56%) 35% 22.5% / 15% 15% no-repeat,
            radial-gradient(circle, transparent 27%, #fff 28% 43%, transparent 44%) center / 100% 100% no-repeat,
            #DD4814;
        }
    </style>
</head>
<body>
    <div class="logo"></div>
</body>
</html>