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

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

export default defineComponent({
    name: "icon-smile-base-filled",
    props: {
        size: {
            type: [Number, String],
            default: 48,
        },
        color: {
            type: String,
            default: "black",
        },
    },
    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="M24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4ZM17 22C18.1046 22 19 21.1046 19 20C19 18.8954 18.1046 18 17 18C15.8954 18 15 18.8954 15 20C15 21.1046 15.8954 22 17 22ZM33 20C33 21.1046 32.1046 22 31 22C29.8954 22 29 21.1046 29 20C29 18.8954 29.8954 18 31 18C32.1046 18 33 18.8954 33 20ZM18.8827 28.1191C20.1627 29.49 21.9811 30.3426 24 30.3426C26.0188 30.3426 27.8373 29.49 29.1172 28.1191C29.3057 27.9173 29.6193 27.8827 29.8339 28.0564L32.166 29.9435C32.3807 30.1172 32.4147 30.4329 32.2315 30.6395C30.219 32.9081 27.2763 34.3426 24 34.3426C20.7236 34.3426 17.781 32.9081 15.7685 30.6395C15.5852 30.4329 15.6193 30.1172 15.8339 29.9435L18.166 28.0564C18.3807 27.8827 18.6943 27.9173 18.8827 28.1191Z"
                    fill={props.color}
                />
            </svg>
        );
    },
});
