src/styles/images/brackets_icon.svg

<svg xmlns="http://www.w3.org/2000/svg" width="120" height="120">
    <defs>
        <linearGradient id="frame" gradientUnits="userSpaceOnUse" x1="433.5" y1="-185" x2="433.5" y2="-277" gradientTransform="matrix(1 0 0 -1 -373.5 -177)">
            <stop offset="0" stop-color="#29abe2"/>
            <stop offset="0.4757" stop-color="#28a9e1"/>
            <stop offset="0.6639" stop-color="#23a2dc"/>
            <stop offset="0.8012" stop-color="#1a96d4"/>
            <stop offset="0.913" stop-color="#0e85c9"/>
            <stop offset="1" stop-color="#0071bc"/>
        </linearGradient>
        <filter id="blur" x="-10" y="-10" width="12" height="12">
            <feGaussianBlur in="SourceGraphic" stdDeviation="1"/>
        </filter>
    </defs>
    <rect x="10" y="9" width="100" height="100" rx="20" opacity=".5" filter="url(#blur)"/>
    <rect x="10" y="58" width="100" height="50" rx="20" fill="#115a91"/>
    <rect x="10" y="8" width="100" height="92" rx="20" fill="url(#frame)"/>
    <rect x="22" y="20" width="76" height="68" rx="10" fill="#fff"/>
    <path opacity=".5" filter="url(#blur)" d="M57,29v12H43v26h14v13H30V29H57M90,28v51H63V67h15V41H63V29H90"/>
    <path fill="#4d4d4d" d="M57,28v12H43v26h14v13H30V28H57M90,28v51H63V66h15V40H63V28H90"/>
</svg>