import { CSSProperties } from "react";

export function TaskIcon(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" height="40" width="40">
            <path fill="currentColor" d="m18.125 25.667-3.042-3.084q-.208-.208-.458-.312-.25-.104-.521-.104t-.521.104q-.25.104-.458.354-.417.417-.417.979 0 .563.417.979l3.917 3.875q.208.25.5.375.291.125.583.125.333 0 .604-.125.271-.125.521-.375l7.5-7.5q.417-.416.417-.979 0-.562-.417-.979-.417-.417-.979-.417-.563 0-.979.417ZM9.542 36.958q-1.292 0-2.23-.937-.937-.938-.937-2.229V6.208q0-1.291.937-2.229.938-.937 2.23-.937h13.166q.667 0 1.25.25.584.25 1 .708l7.709 7.708q.458.417.708 1 .25.584.25 1.25v19.834q0 1.291-.937 2.229-.938.937-2.23.937Zm12.875-24.375V6.208H9.542v27.584h20.916V14.167H24q-.667 0-1.125-.459-.458-.458-.458-1.125ZM9.542 6.208v7.959-7.959 27.584V6.208Z" />
        </svg>
    );
}
