/**
 * @file CloseBaseOutline
 * @author Auto Generated by IconGarden
 */

import { defineComponent } from "vue";
import { IIconProps } from "../interface";

export default defineComponent({
    name: "icon-close-base-outline",
    props: {
        size: {
            type: [Number, String],
            default: 48,
        },
        color: {
            type: String,
            default: "#131212",
        },
    },
    setup: (props: IIconProps) => {
        return () => (
            <svg
                width={props.size}
                height={props.size}
                viewBox="0 0 48 48"
                fill="none"
                xmlns="http://www.w3.org/2000/svg"
            >
                <path
                    fill-rule="evenodd"
                    clip-rule="evenodd"
                    d="M23.9999 21L12.1506 9.1508C11.7601 8.76028 11.1269 8.76028 10.7364 9.1508L9.27287 10.6144C8.88235 11.0049 8.88235 11.638 9.27287 12.0286L21.2444 24L9.27287 35.9715C8.88235 36.3621 8.88235 36.9952 9.27287 37.3857L10.7364 38.8493C11.1269 39.2398 11.7601 39.2398 12.1506 38.8493L23.9999 27L35.8491 38.8493C36.2396 39.2398 36.8728 39.2398 37.2633 38.8493L38.7269 37.3857C39.1174 36.9952 39.1174 36.3621 38.7269 35.9715L26.7554 24L38.7269 12.0286C39.1174 11.638 39.1174 11.0049 38.7269 10.6144L37.2633 9.1508C36.8728 8.76028 36.2396 8.76028 35.8491 9.1508L23.9999 21Z"
                    fill={props.color}
                />
            </svg>
        );
    },
});
