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

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

export default defineComponent({
    name: "icon-visiblel-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="M9.42117 12.538C7.6511 14.0769 6.09591 15.89 4.81155 17.9172C4.40096 18.5653 3.93578 19.4988 3.50372 20.4407C2.46702 22.7008 2.46702 25.2992 3.50372 27.5593C3.93578 28.5012 4.40096 29.4347 4.81155 30.0828C6.09591 32.11 7.6511 33.9231 9.42117 35.462C13.4051 38.9255 18.4775 41 24.0008 41C29.524 41 34.5965 38.9255 38.5804 35.462C40.3505 33.9231 41.9057 32.11 43.19 30.0828C43.6006 29.4347 44.0658 28.5012 44.4978 27.5593C45.5345 25.2992 45.5345 22.7008 44.4978 20.4407C44.0658 19.4988 43.6006 18.5653 43.19 17.9172C41.9057 15.89 40.3505 14.0769 38.5804 12.538C34.5965 9.07448 29.524 7 24.0008 7C18.4775 7 13.4051 9.07448 9.42117 12.538ZM28.0008 24C28.0008 26.2091 26.2099 28 24.0008 28C21.7916 28 20.0008 26.2091 20.0008 24C20.0008 21.7909 21.7916 20 24.0008 20C26.2099 20 28.0008 21.7909 28.0008 24ZM24.0008 32C28.4191 32 32.0008 28.4183 32.0008 24C32.0008 19.5817 28.4191 16 24.0008 16C19.5825 16 16.0008 19.5817 16.0008 24C16.0008 28.4183 19.5825 32 24.0008 32Z"
                    fill={props.color}
                />
            </svg>
        );
    },
});
