Playground
9:19.5 Narrow
16:10 Wide
Configure
%20--%3e%3cdefs%3e%3cstyle%3e%20.st0%20{%20fill:%20none;%20}%20.st1%20{%20fill:%20%23231f20;%20}%20.st2%20{%20clip-path:%20url(%23clippath-1);%20}%20.st3%20{%20clip-path:%20url(%23clippath);%20}%20%3c/style%3e%3cclipPath%20id='clippath'%3e%3crect%20class='st0'%20x='112.5'%20width='69.5'%20height='112.5'%20rx='9.7'%20ry='9.7'/%3e%3c/clipPath%3e%3cclipPath%20id='clippath-1'%3e%3crect%20class='st0'%20width='112.5'%20height='112.5'%20rx='9.8'%20ry='9.8'/%3e%3c/clipPath%3e%3c/defs%3e%3cg%20class='st3'%3e%3cg%3e%3cpath%20class='st1'%20d='M172.2,112.1V0h12.2v112.1h-12.2Z'/%3e%3cpath%20class='st1'%20d='M160.2,112.1V0h9.8v112.1h-9.8Z'/%3e%3cpath%20class='st1'%20d='M148.3,112.1V0h7.4v112.1h-7.4Z'/%3e%3cpath%20class='st1'%20d='M136.3,112.1V0h4.9v112.1h-4.9Z'/%3e%3cpath%20class='st1'%20d='M124.4,112.1V0h2.5v112.1h-2.5Z'/%3e%3cpath%20class='st1'%20d='M112.4,112.1V0h0v112.1h0Z'/%3e%3c/g%3e%3c/g%3e%3cg%20class='st2'%3e%3cg%3e%3cpath%20class='st1'%20d='M103.4,112.1V0h10.8v112.1h-10.8Z'/%3e%3cpath%20class='st1'%20d='M90.4,112.1V0h9.5v112.1h-9.5Z'/%3e%3cpath%20class='st1'%20d='M77.5,112.1V0h8.1v112.1h-8.1Z'/%3e%3cpath%20class='st1'%20d='M64.6,112.1V0h6.8v112.1h-6.8Z'/%3e%3cpath%20class='st1'%20d='M51.7,112.1V0h5.4v112.1h-5.4Z'/%3e%3cpath%20class='st1'%20d='M38.8,112.1V0h4.1v112.1h-4.1Z'/%3e%3cpath%20class='st1'%20d='M25.8,112.1V0h2.8v112.1h-2.8Z'/%3e%3cpath%20class='st1'%20d='M12.9,112.1V0h1.4v112.1h-1.4Z'/%3e%3cpath%20class='st1'%20d='M0,112.1V0h.1v112.1h-.1Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e)