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

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

export default defineComponent({
    name: "icon-homepage-base-filled",
    props: {
        size: {
            type: [Number, String],
            default: 60,
        },
        color: {
            type: String,
            default: "#131212",
        },
    },
    setup: (props: IIconProps) => {
        return () => (
            <svg
                width={props.size}
                height={props.size}
                viewBox="0 0 60 60"
                fill="none"
                xmlns="http://www.w3.org/2000/svg"
            >
                <path
                    d="M18.0001 49.3844C13.9217 49.3844 10.6155 46.0782 10.6155 41.9998V23.9099C10.6155 22.5892 11.3209 21.369 12.4656 20.71L28.1579 11.6758C29.2983 11.0192 30.7019 11.0192 31.8423 11.6758L47.5346 20.71C48.6792 21.369 49.3847 22.5892 49.3847 23.9099V41.9998C49.3847 46.0782 46.0785 49.3844 42.0001 49.3844L33.6924 49.3844V39.3075C33.6924 38.7552 33.2447 38.3075 32.6924 38.3075H27.3078C26.7555 38.3075 26.3078 38.7552 26.3078 39.3075V49.3844L18.0001 49.3844Z"
                    fill={props.color}
                />
            </svg>
        );
    },
});
