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

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

export default defineComponent({
    name: "icon-tree-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="M37 10C38.1046 10 39 9.10457 39 8C39 6.89543 38.1046 6 37 6C35.8954 6 35 6.89543 35 8C35 9.10457 35.8954 10 37 10ZM37 14C40.3137 14 43 11.3137 43 8C43 4.68629 40.3137 2 37 2C34.3876 2 32.1651 3.66962 31.3414 6H22V9V10V22H16.6586C15.8349 19.6696 13.6124 18 11 18C7.68629 18 5 20.6863 5 24C5 27.3137 7.68629 30 11 30C13.6124 30 15.8349 28.3304 16.6586 26H22V37V38V41H31.3414C32.1651 43.3304 34.3876 45 37 45C40.3137 45 43 42.3137 43 39C43 35.6863 40.3137 33 37 33C34.3876 33 32.1651 34.6696 31.3414 37H26V10H31.3414C32.1651 12.3304 34.3876 14 37 14ZM11 26C12.1046 26 13 25.1046 13 24C13 22.8954 12.1046 22 11 22C9.89543 22 9 22.8954 9 24C9 25.1046 9.89543 26 11 26ZM39 39C39 40.1046 38.1046 41 37 41C35.8954 41 35 40.1046 35 39C35 37.8954 35.8954 37 37 37C38.1046 37 39 37.8954 39 39Z"
                    fill={props.color}
                />
            </svg>
        );
    },
});
