import { CSSProperties } from "react";

export function DownloadIcon(props: { className?: string; style?: CSSProperties }) {
    return (
        <svg className={props.className} style={props.style} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40">
            <path fill="currentColor" d="M20 26q-.292 0-.583-.125-.292-.125-.542-.333l-6.292-6.334q-.458-.458-.437-1.125.021-.666.479-1.125.458-.458 1.104-.458.646 0 1.104.458l3.584 3.584V7.458q0-.666.458-1.125.458-.458 1.125-.458t1.125.458q.458.459.458 1.125v13.084l3.584-3.584q.458-.458 1.125-.458.666 0 1.125.458.458.459.458 1.125 0 .667-.458 1.125l-6.292 6.334q-.25.208-.542.333Q20.292 26 20 26ZM9.292 33.875q-1.292 0-2.23-.937-.937-.938-.937-2.23v-4.583q0-.667.458-1.125.459-.458 1.125-.458.667 0 1.125.458.459.458.459 1.125v4.583h21.416v-4.583q0-.667.459-1.125.458-.458 1.125-.458.666 0 1.125.458.458.458.458 1.125v4.583q0 1.292-.937 2.23-.938.937-2.23.937Z" />
        </svg>
    );
}
