tabler/site/public/img/features/dark-theme.svg

<svg width="507" height="524" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <defs>
        <filter x="-1.1%" y="-1.6%" width="102.2%" height="104.6%" filterUnits="objectBoundingBox" id="a">
            <feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
            <feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"/>
            <feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"/>
            <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0" in="shadowBlurOuter1"/>
        </filter>
        <rect id="b" x="0" y="0" width="312" height="152" rx="3"/>
    </defs>
    <g fill="none" fill-rule="evenodd">
        <g transform="translate(22 22)">
            <use fill="#000" filter="url(#a)" xlink:href="#b"/>
            <rect stroke-opacity=".05" stroke="#000" stroke-linejoin="square" fill="#FFF" x=".5" y=".5" width="311" height="151" rx="3"/>
        </g>
        <text font-family="SourceSansPro-Regular, Source Sans Pro" font-size="15" fill="#1C2C41" transform="translate(22 22)"><tspan x="16.714" y="28.921">Revenue</tspan></text>
        <path d="M22 174v-28.528c3.732 0 7.86 1.815 11.593 1.815 3.732 0 6.931-6.535 10.663-6.535 3.733 0 6.932 11.619 10.664 11.619 3.733 0 6.932-5.81 10.664-5.81 3.733 0 6.932 8.714 10.664 8.714 3.733 0 6.932-29.773 10.664-29.773 3.733 0 6.932 24.69 10.664 24.69 3.733 0 6.932-4.357 10.664-4.357 4.043 0 7.51-1.452 11.553-1.452 3.732 0 6.931-16.702 10.664-16.702 3.732 0 6.931 7.988 10.664 7.988 3.732 0 6.931 11.618 10.663 11.618 3.733 0 6.932-4.357 10.664-4.357 3.733 0 6.932 4.357 10.664 4.357 3.733 0 6.932 5.81 10.664 5.81 3.733 0 6.932-47.927 10.664-47.927 3.733 0 6.932 29.046 10.664 29.046 3.733 0 6.932-5.809 10.664-5.809 3.732 0 6.932 24.69 10.664 24.69 3.732 0 6.932-19.607 10.664-19.607 3.732 0 6.932 7.988 10.664 7.988 3.732 0 6.931 17.428 10.664 17.428 3.732 0 6.931-19.606 10.664-19.606 3.732 0 6.931 5.083 10.664 5.083 3.732 0 6.931-16.702 10.664-16.702 3.732 0 6.931 7.988 10.664 7.988 3.732 0 6.931 11.618 10.664 11.618 3.732 0 6.931-4.357 10.663-4.357 3.733 0 7.86-16.909 11.593-16.909V174H22z" fill="#DCE7F6" fill-rule="nonzero"/>
        <path d="M22 145.472c3.732 0 7.86 1.815 11.593 1.815 3.732 0 6.931-6.535 10.663-6.535 3.733 0 6.932 11.619 10.664 11.619 3.733 0 6.932-5.81 10.664-5.81 3.733 0 6.932 8.714 10.664 8.714 3.733 0 6.932-29.773 10.664-29.773 3.733 0 6.932 24.69 10.664 24.69 3.733 0 6.932-4.357 10.664-4.357 4.043 0 7.51-1.452 11.553-1.452 3.732 0 6.931-16.702 10.664-16.702 3.732 0 6.931 7.988 10.664 7.988 3.732 0 6.931 11.618 10.663 11.618 3.733 0 6.932-4.357 10.664-4.357 3.733 0 6.932 4.357 10.664 4.357 3.733 0 6.932 5.81 10.664 5.81 3.733 0 6.932-47.927 10.664-47.927 3.733 0 6.932 29.046 10.664 29.046 3.733 0 6.932-5.809 10.664-5.809 3.732 0 6.932 24.69 10.664 24.69 3.732 0 6.932-19.607 10.664-19.607 3.732 0 6.932 7.988 10.664 7.988 3.732 0 6.931 17.428 10.664 17.428 3.732 0 6.931-19.606 10.664-19.606 3.732 0 6.931 5.083 10.664 5.083 3.732 0 6.931-16.702 10.664-16.702 3.732 0 6.931 7.988 10.664 7.988 3.732 0 6.931 11.618 10.664 11.618 3.732 0 6.931-4.357 10.663-4.357 3.733 0 7.86-16.909 11.593-16.909" stroke="#467FCF" stroke-width="2"/>
        <text font-family="SourceSansPro-Regular, Source Sans Pro" font-size="15" fill="#5EBA00" transform="translate(137.714 67.887)"><tspan x="0" y="15">24% </tspan></text>
        <g stroke="#5EBA00" stroke-linecap="round" stroke-linejoin="round">
            <path d="m178.929 74.887-4.411 4.75-2.322-2.5-3.482 3.75"/>
            <path d="M176.143 74.887h2.786v3"/>
        </g>
        <text font-family="SourceSansPro-SemiBold, Source Sans Pro" font-size="30" font-weight="500" fill="#1C2C41" transform="translate(22 22)"><tspan x="16.714" y="64.535">$4,300</tspan></text>
    </g>
</svg>