Controls

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="100"
    height="100"
    viewBox="0 0 512 512"
>
    <circle cx="256" cy="256" r="256" fill="#136ef1" />
    <path
        d="M512 256c0-6.97-.289-13.871-.835-20.7L404.628 128.763 108.372 226.37l40 40-40 117.867L235.3 511.164c6.829.547 13.73.836 20.7.836 141.385 0 256-114.615 256-256z"
        fill="#0e53b5"
    />
    <path
        d="M355.324 108H156.676v19.733c27.232 0 49.333 22.101 49.333 49.333S183.908 226.4 156.676 226.4v19.733h198.649c18.352 0 35.717-7.104 48.741-20.326 13.222-13.023 20.326-30.389 20.326-48.741C424.391 138.981 393.41 108 355.324 108z"
        fill="#7d0"
    />
    <path
        d="M355.324 285.6v-19.733H156.676c-18.352 0-35.717 7.104-48.741 20.325-13.222 13.025-20.326 30.39-20.326 48.742 0 38.085 30.981 69.067 69.067 69.067h198.649v-19.733c-27.232 0-49.333-22.101-49.333-49.333-.001-27.234 22.1-49.335 49.332-49.335z"
        fill="#ff3636"
    />
    <path
        d="M355.324 384.267V404H156.676c-38.085 0-69.067-30.981-69.067-69.067h218.382c0 27.232 22.101 49.334 49.333 49.334z"
        fill="#f40000"
    />
    <path
        d="M424.391 177.067c0 18.352-7.104 35.717-20.326 48.741-13.023 13.222-30.389 20.326-48.741 20.326H156.676V226.4c27.232 0 49.333-22.101 49.333-49.333h218.382z"
        fill="#6b0"
    />
    <path
        d="M156.676 108c-18.352 0-35.717 7.104-48.741 20.326-13.222 13.023-20.326 30.389-20.326 48.741 0 38.085 30.981 69.067 69.067 69.067s69.067-30.981 69.067-69.067S194.761 108 156.676 108zM355.324 265.867c-38.085 0-69.067 30.981-69.067 69.067S317.239 404 355.324 404c18.352 0 35.717-7.104 48.741-20.326 13.222-13.023 20.326-30.389 20.326-48.741 0-38.085-30.981-69.066-69.067-69.066z"
        fill="#e7e7e7"
    />
    <path
        d="M424.391 334.933c0 18.352-7.104 35.717-20.326 48.741C391.042 396.896 373.676 404 355.324 404c-38.085 0-69.067-30.981-69.067-69.067h138.134zM225.742 177.067c0 38.085-30.981 69.067-69.067 69.067s-69.067-30.981-69.067-69.067h138.134z"
        fill="#d3d3d8"
    />
</svg>