Accordion

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="100"
    height="100"
    viewBox="0 0 297.005 297.005"
>
    <path
        d="m178.447 64.26-9.801 5.283c-2.272 1.224-5.003.956-7.025-.69l-8.743-7.118a6.414 6.414 0 0 0-2.778-1.312v134.251a6.404 6.404 0 0 1 2.662 1.281l.02.017a6.41 6.41 0 0 0 2.895 1.331l25.971-133.797a6.273 6.273 0 0 0-3.201.754z"
        fill="#8fa6b4"
    />
    <path
        d="M144.838 61.721 135.96 68.9c-2.012 1.627-4.72 1.895-6.98.691l-9.984-5.319a6.27 6.27 0 0 0-3.337-.722l25.971 133.8a6.392 6.392 0 0 0 3.004-1.339l.088-.071c.752-.608 1.599-1 2.476-1.222V60.529a6.395 6.395 0 0 0-2.36 1.192zM78.682 76.633l-5.777 10.153c-1.307 2.297-3.73 3.603-6.247 3.368l-13.396-1.252c-1.767-.165-3.523.43-4.874 1.652L40.266 97.9 99.11 210.71l2.565-2.321c1.351-1.222 3.107-1.817 4.874-1.652l2.39.223c2.517.235 4.941-1.071 6.247-3.368l.063-.111c1.543-2.712 4.603-3.993 7.473-3.128l.119.036c2.43.732 5.04-.069 6.729-2.063l.079-.094L79.242 75.811a6.907 6.907 0 0 0-.56.822zM211.047 73.34l-10.559 3.254c-2.444.753-5.078-.048-6.776-2.06l-7.337-8.696a6.644 6.644 0 0 0-1.922-1.554l-25.786 132.842a6.449 6.449 0 0 0 1.14-.464 6.256 6.256 0 0 1 5.451-.244l50.497-122.64c-1.434-.733-3.098-.934-4.708-.438z"
        fill="#5d7486"
    />
    <path
        d="m111.104 65.856-7.472 8.823c-1.689 1.994-4.299 2.794-6.729 2.063l-10.748-3.236c-1.558-.469-3.165-.288-4.562.394l50.46 122.551c1.734-.76 3.733-.741 5.492.196l.107.057c.317.169.643.301.974.412l-25.762-132.73a6.67 6.67 0 0 0-1.76 1.47zM248.657 90.024c-1.352-1.175-3.085-1.734-4.824-1.558l-13.291 1.351c-2.534.258-4.983-1.051-6.299-3.365l-5.682-9.994c-.144-.253-.313-.48-.482-.707l-50.408 122.424c.02.023.044.04.063.063l.003.003c1.698 2.013 4.332 2.814 6.777 2.06l.003-.001c2.881-.888 5.963.392 7.514 3.119l.001.001c1.316 2.315 3.765 3.623 6.299 3.365l2.35-.239c1.739-.177 3.472.383 4.824 1.558l2.682 2.33L257.03 97.301l-8.373-7.277z"
        fill="#8fa6b4"
    />
    <path
        d="M125.278 208.518 78.81 235.346a9.209 9.209 0 0 1-12.58-3.371L1.235 119.403a9.209 9.209 0 0 1 3.371-12.58l46.469-26.829a9.209 9.209 0 0 1 12.58 3.371l64.994 112.573a9.21 9.21 0 0 1-3.371 12.58z"
        fill="#314b5a"
    />
    <path
        d="M128.649 195.937 63.655 83.364a9.21 9.21 0 0 0-12.58-3.371L4.606 106.822a9.21 9.21 0 0 0-3.371 12.58l.326.565 45.18-26.085a9.209 9.209 0 0 1 12.58 3.371l64.668 112.008 1.289-.744c4.405-2.542 5.914-8.175 3.371-12.58z"
        opacity=".3"
        fill="#314b5a"
    />
    <path
        d="m101.033 200.54-26.336 15.205a9.209 9.209 0 0 1-12.58-3.371L14.634 130.13a9.209 9.209 0 0 1 3.371-12.58l26.336-15.205a9.209 9.209 0 0 1 12.58 3.371l47.483 82.244a9.209 9.209 0 0 1-3.371 12.58z"
        fill="#ecf0f1"
    />
    <path
        d="m171.727 208.518 46.469 26.829a9.209 9.209 0 0 0 12.58-3.371l64.994-112.573a9.209 9.209 0 0 0-3.371-12.58L245.93 79.994a9.209 9.209 0 0 0-12.58 3.371l-64.994 112.573a9.21 9.21 0 0 0 3.371 12.58z"
        fill="#314b5a"
    />
    <path
        d="M175.386 209.827 240.38 97.254a9.21 9.21 0 0 1 12.58-3.371l43.127 24.899c2.071-4.301.513-9.534-3.689-11.96L245.93 79.994a9.209 9.209 0 0 0-12.58 3.371l-64.994 112.573a9.209 9.209 0 0 0 3.371 12.58l3.342 1.93c.1-.209.2-.418.317-.621z"
        opacity=".3"
        fill="#314b5a"
    />
    <circle cx="276.371" cy="122.762" r="5.307" fill="#f9b65f" />
    <circle cx="265.724" cy="141.202" r="5.307" fill="#f9b65f" />
    <circle cx="255.078" cy="159.642" r="5.307" fill="#f9b65f" />
    <circle cx="244.432" cy="178.082" r="5.307" fill="#f9b65f" />
    <circle cx="233.785" cy="196.522" r="5.307" fill="#f9b65f" />
    <circle cx="223.139" cy="214.962" r="5.307" fill="#f9b65f" />
    <circle cx="255.879" cy="110.932" r="5.307" fill="#f9b65f" />
    <circle cx="245.233" cy="129.372" r="5.307" fill="#f9b65f" />
    <circle cx="234.587" cy="147.812" r="5.307" fill="#f9b65f" />
    <circle cx="223.941" cy="166.251" r="5.307" fill="#f9b65f" />
    <circle cx="213.294" cy="184.691" r="5.307" fill="#f9b65f" />
    <circle cx="202.648" cy="203.131" r="5.307" fill="#f9b65f" />
    <path
        d="M40.288 102.421h8.997v35.666h-8.997z"
        transform="rotate(60 44.789 120.258)"
        fill="#2b2b2b"
    />
    <path
        d="M49.64 118.968h8.997v35.666H49.64z"
        transform="rotate(60 54.14 136.804)"
        fill="#2b2b2b"
    />
    <path
        d="M58.991 135.514h8.997v35.666h-8.997z"
        transform="rotate(60 63.492 153.352)"
        fill="#2b2b2b"
    />
    <path
        d="M71.526 157.28h8.997v35.666h-8.997z"
        transform="rotate(60 76.028 175.118)"
        fill="#2b2b2b"
    />
    <path
        d="M81.683 174.36h8.997v35.666h-8.997z"
        transform="rotate(60 86.185 192.199)"
        fill="#2b2b2b"
    />
</svg>