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

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

export default defineComponent({
    name: "icon-clue-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="M9 13C9 10.7909 10.7909 9 13 9H18C20.2091 9 22 10.7909 22 13V20.1884V30.8565V36C22 40.4183 25.5817 44 30 44H35C39.4183 44 43 40.4183 43 36V12.4649C44.1956 11.7733 45 10.4806 45 9C45 6.79086 43.2091 5 41 5C38.7909 5 37 6.79086 37 9C37 10.4806 37.8044 11.7733 39 12.4649V36C39 38.2091 37.2091 40 35 40H30C27.7909 40 26 38.2091 26 36V30.8565V20.1884V13C26 8.58172 22.4183 5 18 5H13C8.58172 5 5 8.58172 5 13V35.5351C3.8044 36.2267 3 37.5194 3 39C3 41.2091 4.79086 43 7 43C9.20914 43 11 41.2091 11 39C11 37.5194 10.1956 36.2267 9 35.5351V13Z"
                    fill={props.color}
                />
            </svg>
        );
    },
});
