Icons.tsx

import React, { forwardRef, type ComponentProps } from 'react'

// this is temporary until we're done adding new icons, then these can all move to @posthog/icons

type BaseIconProps = ComponentProps<'svg'>
export type IconProps = Omit<BaseIconProps, 'children'>
type IconComponent<T> = React.FunctionComponent<T & React.RefAttributes<SVGSVGElement>>

export const BaseIcon: IconComponent<BaseIconProps> = forwardRef(function BaseIcon(
    { className, ...props }: BaseIconProps,
    ref
): JSX.Element {
    const customClassName = className ? ` ${className}` : ''
    return (
        <svg
            ref={ref}
            className={'LemonIcon' + customClassName} // We use .LemonIcon for compatibility with existing app icons, but this may change
            width="100%"
            fill="currentColor"
            xmlns="http://www.w3.org/2000/svg"
            viewBox="0 0 24 24"
            {...props}
        />
    )
})

export const IconAndroid = (props: IconProps) => (
    <BaseIcon viewBox="0 0 24 14" width="100%" height="100%" {...props}>
        <path
            fill="#32DE84"
            d="M17.855 4.055l1.99-3.449A.404.404 0 0019.7.055a.4.4 0 00-.55.146l-2.016 3.493A12.302 12.302 0 0012 2.6c-1.863 0-3.595.392-5.134 1.094L4.85.201a.402.402 0 00-.551-.146.402.402 0 00-.146.551l1.99 3.449C2.71 5.915.384 9.39 0 13.458h24c-.384-4.068-2.71-7.543-6.145-9.403zM6.49 10.088a1.006 1.006 0 110-2.013 1.006 1.006 0 010 2.013zm11.018 0a1.006 1.006 0 110-2.013 1.006 1.006 0 010 2.013z"
        />
    </BaseIcon>
)

export const IconAnthropic = (props: IconProps) => (
    <BaseIcon viewBox="0 0 24 24" width="100%" height="100%" {...props}>
        <path
            d="M16.4252 5H13.3666L18.9414 19.0845H22L16.4252 5ZM7.57484 5L2 19.0845H5.12364L6.27332 16.1376H12.1085L13.2364 19.0845H16.3601L10.7852 5H7.57484ZM7.27115 13.5157L9.18004 8.5753L11.0889 13.5157H7.27115Z"
            className="fill-[#181818] dark:fill-white"
        />
    </BaseIcon>
)

export const IconApple = (props: IconProps) => (
    <BaseIcon viewBox="0 0 21 24" width="100%" height="100%" {...props}>
        <path
            fill="currentColor"
            d="M16.844 23.016c-1.3 1.262-2.736 1.066-4.104.47-1.454-.607-2.784-.645-4.32 0-1.913.826-2.928.586-4.08-.47C-2.164 16.32-1.204 6.12 6.188 5.736c1.793.096 3.048.991 4.104 1.066 1.57-.32 3.072-1.234 4.752-1.114 2.018.163 3.528.96 4.536 2.393-4.152 2.496-3.168 7.968.646 9.504-.764 2.004-1.743 3.984-3.384 5.448l.002-.017zM10.148 5.664C9.954 2.688 12.366.24 15.14 0c.382 3.432-3.12 6-4.992 5.664z"
        />
    </BaseIcon>
)

export const IconBold = (props: IconProps) => (
    <BaseIcon viewBox="0 0 24 24" width="100%" height="100%" {...props}>
        <path
            fillRule="evenodd"
            d="M5 5.438C5 4.123 6.05 3 7.417 3h5.5c2.885 0 5.166 2.382 5.166 5.25a5.293 5.293 0 0 1-1.148 3.3A5.284 5.284 0 0 1 19 15.75c0 2.867-2.282 5.25-5.167 5.25H7.417C6.05 21 5 19.877 5 18.562V5.438Zm7.917 5.062c1.165 0 2.166-.975 2.166-2.25S14.082 6 12.917 6H8v4.5h4.917ZM8 13.5h5.833c1.165 0 2.167.975 2.167 2.25S14.998 18 13.833 18H8v-4.5Z"
            clipRule="evenodd"
        />
    </BaseIcon>
)

export const IconBrain = (props: IconProps) => (
    <BaseIcon viewBox="0 0 24 24" width="100%" height="100%" {...props}>
        <path d="M20.5 9.43a2.848 2.848 0 0 0-2.538-2.83l-.52-.056-.127-.507a3.363 3.363 0 0 0-4.565-2.274V7a2.5 2.5 0 0 0 2.5 2.5.75.75 0 0 1 0 1.5c-.946 0-1.815-.33-2.5-.879v9.923a3.85 3.85 0 0 0 1.82.456 3.878 3.878 0 0 0 3.726-2.807l.1-.35.336-.138a2.849 2.849 0 0 0 .913-4.669L19.1 12l.546-.536A2.836 2.836 0 0 0 20.5 9.43Zm-17 0c0 .797.326 1.516.854 2.034l.547.536-.547.536a2.849 2.849 0 0 0 .913 4.669l.337.138.1.35A3.878 3.878 0 0 0 9.431 20.5a3.85 3.85 0 0 0 1.819-.456V17a2.5 2.5 0 0 0-2.5-2.5.75.75 0 0 1 0-1.5c.946 0 1.815.329 2.5.878V3.763a3.363 3.363 0 0 0-4.565 2.274l-.127.507-.52.056A2.848 2.848 0 0 0 3.5 9.43Zm18.5 0c0 .962-.314 1.85-.843 2.57a4.345 4.345 0 0 1-1.53 6.44A5.375 5.375 0 0 1 12 21.344a5.376 5.376 0 0 1-7.629-2.903A4.345 4.345 0 0 1 2.841 12a4.348 4.348 0 0 1 2.536-6.808A4.862 4.862 0 0 1 12 2.458a4.861 4.861 0 0 1 6.621 2.734A4.348 4.348 0 0 1 22 9.431Z" />
    </BaseIcon>
)

export const IconBrush = (props: IconProps) => (
    <BaseIcon viewBox="0 0 24 24" width="100%" height="100%" {...props}>
        <path d="M12.262 2.677a1.75 1.75 0 0 1 2.476 0L18.03 5.97a.75.75 0 0 1 .219.53v1.25h1.25l.147.015c.144.029.278.1.384.205l1.292 1.293a1.75 1.75 0 0 1 0 2.475l-6.667 6.668a1.633 1.633 0 0 1-2.31-.002 1.9 1.9 0 0 0-2.69 0l-2.918 2.919a1.75 1.75 0 0 1-2.475 0l-1.586-1.585a1.75 1.75 0 0 1 0-2.475l2.92-2.92a1.9 1.9 0 0 0-.002-2.688 1.634 1.634 0 0 1 0-2.31l6.667-6.668Zm-5.606 7.729a.133.133 0 0 0 0 .188 3.401 3.401 0 0 1 0 4.81l-2.918 2.92a.25.25 0 0 0 0 .353l1.586 1.585a.25.25 0 0 0 .353 0l2.92-2.918a3.4 3.4 0 0 1 4.809 0 .133.133 0 0 0 .188 0L15.44 15.5l-6.94-6.94-1.843 1.845Zm7.02-6.669a.25.25 0 0 0-.353 0L9.56 7.5l6.94 6.94 3.762-3.762a.25.25 0 0 0 0-.354L19.19 9.25h-1.69a.75.75 0 0 1-.75-.75V6.81l-3.073-3.073Z" />
    </BaseIcon>
)

export const IconClosedCaptions = (props: IconProps) => (
    <BaseIcon viewBox="0 0 24 24" width="100%" height="100%" {...props}>
        <path
            fillRule="evenodd"
            d="M10.3 10.6a1.75 1.75 0 1 0 0 2.8.75.75 0 0 1 .901 1.2 3.25 3.25 0 1 1 0-5.2.75.75 0 0 1-.901 1.2Zm6.5 0a1.75 1.75 0 1 0 0 2.8.75.75 0 0 1 .901 1.2 3.25 3.25 0 1 1 0-5.2.75.75 0 0 1-.901 1.2Z"
            clipRule="evenodd"
        />
        <path d="M19.5 4.75a.25.25 0 0 0-.25-.25H4.75a.25.25 0 0 0-.25.25v14.5c0 .138.112.25.25.25h14.5a.25.25 0 0 0 .25-.25V4.75Zm1.5 14.5A1.75 1.75 0 0 1 19.25 21H4.75A1.75 1.75 0 0 1 3 19.25V4.75C3 3.784 3.784 3 4.75 3h14.5c.966 0 1.75.784 1.75 1.75v14.5Z" />
    </BaseIcon>
)

export const IconClosedCaptionsFilled = (props: IconProps) => (
    <BaseIcon viewBox="0 0 24 24" width="100%" height="100%" {...props}>
        <path
            fillRule="evenodd"
            d="M4.75 3A1.75 1.75 0 0 0 3 4.75v14.5c0 .966.784 1.75 1.75 1.75h14.5A1.75 1.75 0 0 0 21 19.25V4.75A1.75 1.75 0 0 0 19.25 3H4.75Zm5.55 7.6a1.75 1.75 0 1 0 0 2.8.75.75 0 1 1 .901 1.2 3.25 3.25 0 1 1 0-5.2.75.75 0 0 1-.901 1.2Zm4.213.163a1.75 1.75 0 0 1 2.287-.164.75.75 0 1 0 .901-1.198 3.25 3.25 0 1 0 0 5.198.75.75 0 0 0-.901-1.198 1.75 1.75 0 0 1-2.287-2.638Z"
            clipRule="evenodd"
        />
    </BaseIcon>
)

export const IconController = (props: IconProps) => (
    <BaseIcon viewBox="0 0 24 24" width="100%" height="100%" {...props}>
        <path d="M20 5.25A2.75 2.75 0 0 1 22.75 8v8A2.75 2.75 0 0 1 20 18.75H4A2.75 2.75 0 0 1 1.25 16V8A2.75 2.75 0 0 1 4 5.25h16ZM4 6.75c-.69 0-1.25.56-1.25 1.25v8c0 .69.56 1.25 1.25 1.25h16c.69 0 1.25-.56 1.25-1.25V8c0-.69-.56-1.25-1.25-1.25H4ZM8 9a.75.75 0 0 1 .75.75v1.5h1.5a.75.75 0 0 1 0 1.5h-1.5v1.5a.75.75 0 0 1-1.5 0v-1.5h-1.5a.75.75 0 0 1 0-1.5h1.5v-1.5A.75.75 0 0 1 8 9Zm7 3.75a1 1 0 1 1 0 2 1 1 0 0 1 0-2Zm3-3.5a1 1 0 1 1 0 2 1 1 0 0 1 0-2Z" />
    </BaseIcon>
)

export const IconCouch = (props: IconProps) => (
    <BaseIcon viewBox="0 0 24 24" width="100%" height="100%" {...props}>
        <path d="M5 11.75a.25.25 0 0 0-.25-.25h-2a.25.25 0 0 0-.25.25v4.5c0 .138.112.25.25.25h18.5a.25.25 0 0 0 .25-.25v-4.5a.25.25 0 0 0-.25-.25h-2a.25.25 0 0 0-.25.25v1.571a.75.75 0 0 1-.75.75H5.75a.75.75 0 0 1-.75-.75V11.75Zm18 4.5A1.75 1.75 0 0 1 21.25 18H2.75A1.75 1.75 0 0 1 1 16.25v-4.5c0-.966.784-1.75 1.75-1.75h2c.966 0 1.75.784 1.75 1.75v.821h11v-.821c0-.966.784-1.75 1.75-1.75h2c.966 0 1.75.784 1.75 1.75v4.5Z" />
        <path d="M19.5 10.25v-4.5a.25.25 0 0 0-.25-.25H4.75a.25.25 0 0 0-.25.25v4.5a.75.75 0 0 1-1.5 0v-4.5C3 4.784 3.784 4 4.75 4h14.5c.966 0 1.75.784 1.75 1.75v4.5a.75.75 0 0 1-1.5 0ZM5 19.25v-2a.75.75 0 0 1 1.5 0v2a.75.75 0 0 1-1.5 0ZM17.5 19.25v-2a.75.75 0 0 1 1.5 0v2a.75.75 0 0 1-1.5 0Z" />
    </BaseIcon>
)

export const IconDemoThumb = (props: IconProps) => (
    <BaseIcon viewBox="0 0 48 48" width="48" height="48" {...props}>
        <image
            width="48"
            height="32"
            y="8"
            href="https://res.cloudinary.com/dmukukwp6/image/upload/demo_thumb_0a5b84dd36.png"
        />
        <path
            d="M20.3808 15.899C19.409 15.31 18.1667 16.0097 18.1667 17.1462V30.8539C18.1667 31.9903 19.409 32.69 20.3808 32.101L31.6897 25.2472C32.6263 24.6795 32.6263 23.3205 31.6897 22.7528L20.3808 15.899Z"
            fill="white"
        />
    </BaseIcon>
)

export const IconChangelogThumb = (props: IconProps) => (
    <BaseIcon viewBox="0 0 48 48" width="48" height="48" {...props}>
        <image
            width="48"
            height="32"
            y="8"
            href="https://res.cloudinary.com/dmukukwp6/image/upload/changelog_icon_2_5151593cb3.png"
        />
        <path
            d="M20.3808 15.899C19.409 15.31 18.1667 16.0097 18.1667 17.1462V30.8539C18.1667 31.9903 19.409 32.69 20.3808 32.101L31.6897 25.2472C32.6263 24.6795 32.6263 23.3205 31.6897 22.7528L20.3808 15.899Z"
            fill="white"
        />
    </BaseIcon>
)

export const IconSparksJoy = (props: IconProps) => (
    <BaseIcon viewBox="0 0 128 128" width="64" height="64" {...props}>
        <image
            width="128"
            height="128"
            y="0"
            href="https://res.cloudinary.com/dmukukwp6/image/upload/sparksjoy_84e324b2f2.png"
        />
    </BaseIcon>
)

export const IconDice = (props: IconProps) => (
    <BaseIcon viewBox="0 0 24 24" width="100%" height="100%" {...props}>
        <path d="M8.822 7.73a1.75 1.75 0 0 1 2.16.915l3.169 6.797.068.166a1.751 1.751 0 0 1-.755 2.076l-.159.083-6.798 3.17a1.75 1.75 0 0 1-2.24-.688l-.085-.159-3.17-6.797a1.75 1.75 0 0 1 .847-2.326l6.797-3.169.166-.067Zm.515 1.411-.047.017-6.797 3.17a.25.25 0 0 0-.121.332l3.17 6.796.025.044a.25.25 0 0 0 .307.078l6.798-3.17.042-.026a.251.251 0 0 0 .095-.259l-.017-.047-3.17-6.797a.25.25 0 0 0-.285-.138Zm4.846-5.863a1.75 1.75 0 0 1 2.173-.881l5.169 1.882.165.07a1.75 1.75 0 0 1 .934 2.001l-.053.17-1.882 5.17a1.75 1.75 0 0 1-2.071 1.099l-.171-.053-5.17-1.881a1.75 1.75 0 0 1-1.045-2.243l1.882-5.17.07-.164Zm1.66.53a.25.25 0 0 0-.299.103l-.021.045-1.88 5.168a.25.25 0 0 0 .149.32l5.168 1.882.048.012a.25.25 0 0 0 .272-.162l1.88-5.168.013-.049a.25.25 0 0 0-.116-.249l-.046-.022-5.168-1.88Z" />
        <path d="M6.41 13.352a1 1 0 1 1-1.812.845 1 1 0 0 1 1.812-.845ZM10.399 14.803a1 1 0 1 1-1.813.845 1 1 0 0 1 1.813-.845ZM18.44 7.842a1 1 0 1 1-1.88-.684 1 1 0 0 1 1.88.684Z" />
    </BaseIcon>
)

export const IconDictator = (props: IconProps) => (
    <BaseIcon viewBox="0 0 48 48" width="100%" height="100%" {...props}>
        <image
            width="48"
            height="48"
            y="0"
            href="https://res.cloudinary.com/dmukukwp6/image/upload/dictator_93244f3ec2.png"
        />
    </BaseIcon>
)

export const IconDiscord = (props: IconProps) => (
    <BaseIcon viewBox="0 0 24 24" width="100%" height="100%" {...props}>
        <path d="M19.636 5.023a18.1 18.1 0 0 0-4.539-1.404q-.321.578-.581 1.188a16.8 16.8 0 0 0-5.037 0 13 13 0 0 0-.582-1.188 18.3 18.3 0 0 0-4.542 1.407C1.483 9.3.705 13.465 1.093 17.572A18.3 18.3 0 0 0 6.66 20.38q.677-.916 1.192-1.933c-.65-.244-1.279-.546-1.877-.9.157-.115.311-.234.46-.349a13.02 13.02 0 0 0 11.13 0q.225.188.46.348-.902.535-1.88.903.513 1.017 1.191 1.93a18.2 18.2 0 0 0 5.57-2.807c.457-4.762-.78-8.89-3.27-12.55M8.346 15.046c-1.086 0-1.982-.99-1.982-2.208 0-1.217.865-2.216 1.978-2.216s2.002.999 1.983 2.216c-.02 1.218-.874 2.208-1.98 2.208m7.309 0c-1.087 0-1.98-.99-1.98-2.208 0-1.217.865-2.216 1.98-2.216s1.996.999 1.977 2.216-.872 2.208-1.978 2.208" />
    </BaseIcon>
)

export const IconEnvelope = (props: IconProps) => (
    <BaseIcon viewBox="0 0 24 24" width="100%" height="100%" {...props}>
        <path d="m20.5 7.014-7.392 6.048a1.75 1.75 0 0 1-2.216 0L3.5 7.014V17.65c0 .293 0 .467.01.596.01.12.026.134.017.117a.251.251 0 0 0 .11.11c-.017-.009-.003.006.117.016.129.01.303.011.596.011h15.3c.293 0 .467 0 .596-.01.12-.01.134-.026.117-.017a.251.251 0 0 0 .11-.11c-.009.017.006.003.016-.117.01-.129.011-.303.011-.596V7.014ZM4.02 5.5l7.822 6.4a.25.25 0 0 0 .316 0l7.822-6.4-.33-.001H4.35l-.33.001ZM22 17.651c0 .267 0 .513-.017.717a1.773 1.773 0 0 1-.173.677c-.168.329-.436.597-.765.765-.23.117-.464.156-.677.173-.204.017-.45.017-.718.017H4.35c-.268 0-.514 0-.718-.017a1.773 1.773 0 0 1-.677-.173 1.751 1.751 0 0 1-.765-.765 1.774 1.774 0 0 1-.173-.677C2 18.164 2 17.918 2 17.65V6.35c0-.268 0-.514.017-.718.017-.213.056-.447.173-.677a1.75 1.75 0 0 1 .765-.765c.23-.117.464-.156.677-.173C3.836 4 4.082 4 4.35 4h15.3c.268 0 .514 0 .718.017.213.017.447.056.677.173.329.168.597.436.765.765.117.23.156.464.173.677.017.204.017.45.017.718v11.3Z" />
    </BaseIcon>
)

export const IconFlutter = (props: IconProps) => (
    <BaseIcon viewBox="0 0 24 24" width="100%" height="100%" {...props}>
        <path
            fill="#54C5F8"
            d="M19.076 11.231h-6.153l-5.384 5.385 3.076 3.076 8.461-8.46ZM6 15.078 2.924 12l10-10h6.154L6 15.078Z"
        />
        <path fill="#01579B" d="M10.616 19.692 12.923 22h6.154l-5.385-5.384-3.076 3.076Z" />
        <path fill="url(#a)" d="m10.616 19.692 4.563-1.58-1.487-1.496-3.076 3.076Z" />
        <path fill="#29B6F6" d="M10.615 13.538 7.54 16.615l3.076 3.076 3.076-3.076-3.076-3.077Z" />
        <path
            fill="url(#b)"
            d="m19.077 11.231-5.384 5.384L19.077 22h-6.154l-2.307-2.308-3.078-3.077 5.385-5.384h6.154ZM12.923 2l-10 10 3.078 3.078L19.077 2h-6.154Z"
        />
        <defs>
            <radialGradient
                id="b"
                cx="0"
                cy="0"
                r="1"
                gradientTransform="translate(3.378 3.364) scale(24.4688)"
                gradientUnits="userSpaceOnUse"
            >
                <stop stopColor="#fff" stopOpacity=".1" />
                <stop offset="1" stopColor="#fff" stopOpacity="0" />
            </radialGradient>
            <linearGradient id="a" x1="11.512" x2="13.804" y1="20.287" y2="17.995" gradientUnits="userSpaceOnUse">
                <stop stopColor="#1A237E" stopOpacity=".4" />
                <stop offset="1" stopColor="#1A237E" stopOpacity="0" />
            </linearGradient>
        </defs>
    </BaseIcon>
)

export const IconFullScreen = (props: IconProps) => (
    <BaseIcon viewBox="0 0 24 24" width="100%" height="100%" {...props}>
        <path
            fillRule="evenodd"
            clipRule="evenodd"
            d="M3 4.75C3 3.7835 3.7835 3 4.75 3H8.25C8.66421 3 9 3.33579 9 3.75C9 4.16421 8.66421 4.5 8.25 4.5H4.75C4.61193 4.5 4.5 4.61193 4.5 4.75V8.25C4.5 8.66421 4.16421 9 3.75 9C3.33579 9 3 8.66421 3 8.25V4.75ZM15 3.75C15 3.33579 15.3358 3 15.75 3H19.25C20.2165 3 21 3.7835 21 4.75V8.25C21 8.66421 20.6642 9 20.25 9C19.8358 9 19.5 8.66421 19.5 8.25V4.75C19.5 4.61193 19.3881 4.5 19.25 4.5H15.75C15.3358 4.5 15 4.16421 15 3.75ZM3.75 15C4.16421 15 4.5 15.3358 4.5 15.75V19.25C4.5 19.3881 4.61193 19.5 4.75 19.5H8.25C8.66421 19.5 9 19.8358 9 20.25C9 20.6642 8.66421 21 8.25 21H4.75C3.7835 21 3 20.2165 3 19.25V15.75C3 15.3358 3.33579 15 3.75 15ZM20.25 15C20.6642 15 21 15.3358 21 15.75V19.25C21 20.2165 20.2165 21 19.25 21H15.75C15.3358 21 15 20.6642 15 20.25C15 19.8358 15.3358 19.5 15.75 19.5H19.25C19.3881 19.5 19.5 19.3881 19.5 19.25V15.75C19.5 15.3358 19.8358 15 20.25 15Z"
        />
    </BaseIcon>
)

export const IconGemini = (props: IconProps) => (
    <BaseIcon viewBox="0 0 24 24" width="100%" height="100%" {...props}>
        <g clipPath="url(#clip0_1657_275)">
            <path
                fill="#3186FF"
                d="M19.18 11.03a11.789 11.789 0 0 1-3.708-2.502 11.76 11.76 0 0 1-3.065-5.376.419.419 0 0 0-.813 0 11.778 11.778 0 0 1-3.066 5.376 11.796 11.796 0 0 1-5.376 3.066.418.418 0 0 0 0 .813c.57.143 1.125.33 1.668.564a11.789 11.789 0 0 1 3.708 2.5 11.76 11.76 0 0 1 3.066 5.378.418.418 0 0 0 .813 0c.143-.57.33-1.126.564-1.67a11.788 11.788 0 0 1 2.5-3.707 11.761 11.761 0 0 1 5.378-3.065.42.42 0 0 0 0-.813 11.034 11.034 0 0 1-1.669-.565Z"
            />
            <path
                fill="url(#paint0_linear_1657_275)"
                d="M19.18 11.03a11.789 11.789 0 0 1-3.708-2.502 11.76 11.76 0 0 1-3.065-5.376.419.419 0 0 0-.813 0 11.778 11.778 0 0 1-3.066 5.376 11.796 11.796 0 0 1-5.376 3.066.418.418 0 0 0 0 .813c.57.143 1.125.33 1.668.564a11.789 11.789 0 0 1 3.708 2.5 11.76 11.76 0 0 1 3.066 5.378.418.418 0 0 0 .813 0c.143-.57.33-1.126.564-1.67a11.788 11.788 0 0 1 2.5-3.707 11.761 11.761 0 0 1 5.378-3.065.42.42 0 0 0 0-.813 11.034 11.034 0 0 1-1.669-.565Z"
            />
            <path
                fill="url(#paint1_linear_1657_275)"
                d="M19.18 11.03a11.789 11.789 0 0 1-3.708-2.502 11.76 11.76 0 0 1-3.065-5.376.419.419 0 0 0-.813 0 11.778 11.778 0 0 1-3.066 5.376 11.796 11.796 0 0 1-5.376 3.066.418.418 0 0 0 0 .813c.57.143 1.125.33 1.668.564a11.789 11.789 0 0 1 3.708 2.5 11.76 11.76 0 0 1 3.066 5.378.418.418 0 0 0 .813 0c.143-.57.33-1.126.564-1.67a11.788 11.788 0 0 1 2.5-3.707 11.761 11.761 0 0 1 5.378-3.065.42.42 0 0 0 0-.813 11.034 11.034 0 0 1-1.669-.565Z"
            />
            <path
                fill="url(#paint2_linear_1657_275)"
                d="M19.18 11.03a11.789 11.789 0 0 1-3.708-2.502 11.76 11.76 0 0 1-3.065-5.376.419.419 0 0 0-.813 0 11.778 11.778 0 0 1-3.066 5.376 11.796 11.796 0 0 1-5.376 3.066.418.418 0 0 0 0 .813c.57.143 1.125.33 1.668.564a11.789 11.789 0 0 1 3.708 2.5 11.76 11.76 0 0 1 3.066 5.378.418.418 0 0 0 .813 0c.143-.57.33-1.126.564-1.67a11.788 11.788 0 0 1 2.5-3.707 11.761 11.761 0 0 1 5.378-3.065.42.42 0 0 0 0-.813 11.034 11.034 0 0 1-1.669-.565Z"
            />
        </g>
        <defs>
            <linearGradient
                id="paint0_linear_1657_275"
                x1="7.833"
                x2="11.167"
                y1="14.917"
                y2="12"
                gradientUnits="userSpaceOnUse"
            >
                <stop stopColor="#08B962" />
                <stop offset="1" stopColor="#08B962" stopOpacity="0" />
            </linearGradient>
            <linearGradient
                id="paint1_linear_1657_275"
                x1="8.667"
                x2="11.583"
                y1="6.583"
                y2="11.167"
                gradientUnits="userSpaceOnUse"
            >
                <stop stopColor="#F94543" />
                <stop offset="1" stopColor="#F94543" stopOpacity="0" />
            </linearGradient>
            <linearGradient
                id="paint2_linear_1657_275"
                x1="4.917"
                x2="16.583"
                y1="13.25"
                y2="12"
                gradientUnits="userSpaceOnUse"
            >
                <stop stopColor="#FABC12" />
                <stop offset=".46" stopColor="#FABC12" stopOpacity="0" />
            </linearGradient>
            <clipPath id="clip0_1657_275">
                <path fill="#fff" d="M2 2h20v20H2z" />
            </clipPath>
        </defs>
    </BaseIcon>
)

export const IconGrid = (props: IconProps) => (
    <BaseIcon viewBox="0 0 24 24" width="100%" height="100%" {...props}>
        <path d="M9.5 4.75a.25.25 0 0 0-.25-.25h-4.5a.25.25 0 0 0-.25.25v4.5c0 .138.112.25.25.25h4.5a.25.25 0 0 0 .25-.25v-4.5Zm1.5 4.5A1.75 1.75 0 0 1 9.25 11h-4.5A1.75 1.75 0 0 1 3 9.25v-4.5C3 3.784 3.784 3 4.75 3h4.5c.966 0 1.75.784 1.75 1.75v4.5ZM9.5 14.75a.25.25 0 0 0-.25-.25h-4.5a.25.25 0 0 0-.25.25v4.5c0 .138.112.25.25.25h4.5a.25.25 0 0 0 .25-.25v-4.5Zm1.5 4.5A1.75 1.75 0 0 1 9.25 21h-4.5A1.75 1.75 0 0 1 3 19.25v-4.5c0-.966.784-1.75 1.75-1.75h4.5c.966 0 1.75.784 1.75 1.75v4.5ZM19.5 4.75a.25.25 0 0 0-.25-.25h-4.5a.25.25 0 0 0-.25.25v4.5c0 .138.112.25.25.25h4.5a.25.25 0 0 0 .25-.25v-4.5Zm1.5 4.5A1.75 1.75 0 0 1 19.25 11h-4.5A1.75 1.75 0 0 1 13 9.25v-4.5c0-.966.784-1.75 1.75-1.75h4.5c.966 0 1.75.784 1.75 1.75v4.5ZM19.5 14.75a.25.25 0 0 0-.25-.25h-4.5a.25.25 0 0 0-.25.25v4.5c0 .138.112.25.25.25h4.5a.25.25 0 0 0 .25-.25v-4.5Zm1.5 4.5A1.75 1.75 0 0 1 19.25 21h-4.5A1.75 1.75 0 0 1 13 19.25v-4.5c0-.966.784-1.75 1.75-1.75h4.5c.966 0 1.75.784 1.75 1.75v4.5Z" />
    </BaseIcon>
)

export const IconHelicone = (props: IconProps) => (
    <BaseIcon viewBox="0 0 24 24" width="100%" height="100%" {...props}>
        <path fill="#fff" d="M12 11v10.5l-9.5-4V15l7.5-5 2 1Zm9.5 6.5-7 3 7-11.5v8.5Z" />
        <path
            fill="#1E1E1E"
            fillRule="evenodd"
            d="M11.847 2.085c.127-.004.252.013.374.051l9.524 4.184c.033.048.06.099.085.153.023 3.662.023 7.324 0 10.986a.796.796 0 0 1-.595.595c-3.085 1.3-6.174 2.587-9.269 3.86a840.825 840.825 0 0 1-9.609-4.03.668.668 0 0 1-.255-.39 892.49 892.49 0 0 1 0-11.021l.068-.136c3.223-1.433 6.448-2.85 9.677-4.252Zm9.252 7.993c.045 2.41.045 4.824 0 7.245a347.81 347.81 0 0 1-6.089 2.534 4529.37 4529.37 0 0 0 6.089-9.779Zm-11.225.136c.563.256 1.13.505 1.7.748.04.18.046.362.018.545-2.784 2.004-5.573 4-8.368 5.986a2.81 2.81 0 0 1-.39-.17 19.095 19.095 0 0 1-.018-1.973c2.352-1.717 4.705-3.429 7.058-5.136Zm1.7 2.177a272.47 272.47 0 0 1 0 8.606 1122.245 1122.245 0 0 1-7.55-3.18 1309.1 1309.1 0 0 0 7.55-5.426Z"
            clipRule="evenodd"
        />
        <path
            fill="#C0FAF4"
            fillRule="evenodd"
            d="M21.065 7.119h.102c.005.533 0 1.066-.017 1.599l-7.296 11.666c-.513.209-1.023.424-1.53.646-.04-.85-.046-1.7-.018-2.55a1614.75 1614.75 0 0 0 6.837-10.477c.64-.298 1.281-.593 1.922-.884Z"
            clipRule="evenodd"
        />
        <path
            fill="#0CA4E8"
            d="M18.037 8.497c-1.9 2.892-3.794 5.79-5.68 8.69-.034-2.07-.045-4.144-.034-6.225a262.624 262.624 0 0 1 5.714-2.465ZM2.8 7.119c2.113.915 4.222 1.839 6.327 2.772a1193.915 1193.915 0 0 1-6.293 4.575A396.726 396.726 0 0 1 2.8 7.12Zm9.082-4.32c.168.022.327.073.476.154 2.76 1.204 5.515 2.417 8.265 3.638a1447.66 1447.66 0 0 0-8.605 3.777A721.598 721.598 0 0 1 3.31 6.59C6.17 5.33 9.028 4.066 11.88 2.8Z"
        />
    </BaseIcon>
)

export const IconJavaScript = (props: IconProps) => (
    <BaseIcon viewBox="0 0 24 24" width="100%" height="100%" {...props}>
        <path fill="#F7DF1E" d="M24 0H0v24h24V0z" />
        <path
            fill="#000"
            d="M16.122 18.75c.483.79 1.112 1.37 2.225 1.37.934 0 1.531-.467 1.531-1.113 0-.773-.613-1.047-1.642-1.497l-.564-.242c-1.627-.693-2.708-1.562-2.708-3.398 0-1.691 1.289-2.979 3.303-2.979 1.434 0 2.465.5 3.207 1.806l-1.756 1.127c-.387-.693-.804-.966-1.451-.966-.66 0-1.08.419-1.08.966 0 .677.42.95 1.387 1.37l.564.241c1.916.822 2.998 1.66 2.998 3.543 0 2.03-1.595 3.143-3.737 3.143-2.095 0-3.448-.998-4.11-2.306l1.833-1.065zm-7.967.196c.354.628.677 1.16 1.452 1.16.74 0 1.208-.29 1.208-1.418V11.02h2.255v7.699c0 2.335-1.369 3.398-3.367 3.398-1.806 0-2.852-.934-3.384-2.06l1.836-1.111z"
        />
    </BaseIcon>
)

export const IconKeywordsAI = (props: IconProps) => (
    <BaseIcon viewBox="0 0 24 24" width="100%" height="100%" {...props}>
        <path
            className="fill-[#F9FAFD] dark:fill-white"
            fillRule="evenodd"
            d="M12.075 3.186a.818.818 0 0 1 .491-.176c.267 0 .516.118.675.327l4.77 6.16v4.917l1.422 1.426a.85.85 0 0 1 0 1.192.834.834 0 0 1-1.181 0l-1.907-1.93v-5.027l-4.42-5.706v-.008a.838.838 0 0 1 .15-1.175Zm9.901 13.227a.827.827 0 0 1-.387-.22l-1.673-1.687a.834.834 0 0 1-.241-.697V8.884h-.025L14.855 2.69a.828.828 0 0 1-.175-.55A10.067 10.067 0 0 0 13 2C7.477 2 3 6.477 3 12s4.477 10 10 10a10 10 0 0 0 8.976-5.587Z"
            clipRule="evenodd"
        />
    </BaseIcon>
)

export const IconLangChain = (props: IconProps) => (
    <BaseIcon viewBox="0 0 24 24" width="100%" height="100%" {...props}>
        <path
            className="fill-[#1C3C3C] dark:fill-white"
            d="M7.394 13.88c.01-.05.02-.098.032-.14l.05.12c.096.233.191.464.422.595-.01.212-.278.297-.46.272-.04-.095-.096-.19-.212-.137-.12.047-.25-.008-.222-.154.277-.01.34-.31.39-.555Zm8.343-4.38a.989.989 0 0 0-.699.285l-.752.74a.967.967 0 0 0-.285.76l.005.047a.948.948 0 0 0 .653.79.722.722 0 0 1-.206.647l-.047.046a1.685 1.685 0 0 1-1.129-1.296l-.008-.047-.038.03a.908.908 0 0 0-.074.066l-.751.739a.962.962 0 0 0 0 1.375c.192.19.445.285.7.285a.993.993 0 0 0 .698-.285l.752-.74a.964.964 0 0 0-.364-1.6.796.796 0 0 1 .23-.702 1.718 1.718 0 0 1 1.143 1.308l.008.048.04-.031a.908.908 0 0 0 .073-.065l.751-.74a.962.962 0 0 0 0-1.375.99.99 0 0 0-.7-.285Z"
        />
        <path
            className="fill-[#1C3C3C] dark:fill-white"
            fillRule="evenodd"
            d="M16.918 7H7.082C4.28 7 2 9.243 2 12s2.28 5 5.082 5h9.835C19.72 17 22 14.757 22 12s-2.28-5-5.082-5Zm-4.851 7.84c-.163.033-.345.038-.469-.09-.037.084-.113.065-.184.047a.682.682 0 0 0-.05-.011c-.009.02-.015.04-.022.06-.274.018-.48-.257-.61-.464a4.149 4.149 0 0 0-.394-.175c-.144-.059-.288-.117-.425-.192a1.85 1.85 0 0 0-.003.144c-.002.204-.003.42-.19.543-.005.245.197.243.397.241.173-.002.342-.004.373.154a.413.413 0 0 1-.042.002c-.038 0-.076 0-.106.028-.097.093-.201.053-.31.011-.1-.038-.202-.078-.305-.016-.076.038-.149.08-.219.128a.809.809 0 0 1-.456.162c-.02-.03-.012-.05.005-.067a.468.468 0 0 0 .035-.047c.016-.023.03-.047.043-.07.045-.079.086-.15.202-.183-.155-.024-.287.046-.417.114l-.003.002-.054.028c-.081.034-.129.008-.177-.019-.069-.037-.14-.077-.313.033-.034-.026-.017-.05.001-.071.076-.091.175-.104.288-.1-.293-.16-.504-.046-.675.046-.152.082-.273.147-.393-.01-.054.014-.085.053-.115.09a.42.42 0 0 1-.039.046c-.03-.032-.022-.069-.015-.107l.004-.021a.202.202 0 0 0 .003-.025l-.023-.008c-.044-.019-.087-.037-.075-.104-.097-.033-.166.025-.238.079-.045-.035-.008-.08.026-.121a.234.234 0 0 0 .038-.055c.032-.054.086-.055.138-.057.045 0 .09-.002.121-.035.111-.063.248-.03.385.002.101.024.202.048.295.035.17.021.378-.15.293-.32-.154-.194-.153-.44-.152-.678v-.119c-.013-.09-.143-.194-.273-.298-.1-.08-.2-.16-.249-.234-.133-.147-.237-.318-.34-.487l-.013-.02c-.177-.337-.248-.717-.318-1.096-.086-.455-.171-.908-.439-1.283-.221.12-.51.062-.7-.099-.1.09-.109.206-.115.33l-.001.012c-.248-.243-.217-.703-.02-.975.081-.107.178-.194.285-.272.025-.017.034-.035.033-.061.196-.867 1.53-.7 1.952-.086.139.171.234.368.329.565.114.236.227.471.416.662.184.198.377.386.57.575.3.291.599.582.86.907.409.49.7 1.063.954 1.642.042.076.067.16.091.244.037.125.075.249.167.347.022.03.07.074.124.124.13.119.298.273.241.34a.17.17 0 0 0 .042.05c.027.024.062.049.096.074.102.072.21.148.135.208Zm6.481-2.955-.751.74c-.2.197-.448.343-.716.424l-.014.004-.005.013a1.684 1.684 0 0 1-.395.6l-.752.74c-.327.323-.763.5-1.228.5a1.741 1.741 0 0 1-1.604-1.052 1.692 1.692 0 0 1 .375-1.864l.752-.74c.202-.198.442-.34.716-.423l.013-.004.005-.013c.088-.227.221-.43.396-.603l.752-.74a1.74 1.74 0 0 1 1.228-.5c.465 0 .9.178 1.228.5.329.323.509.752.509 1.209 0 .457-.18.886-.509 1.208v.001Z"
            clipRule="evenodd"
        />
    </BaseIcon>
)

export const IconLangfuse = (props: IconProps) => (
    <BaseIcon viewBox="0 0 24 24" width="100%" height="100%" {...props}>
        <path
            fill="#0A60B5"
            d="M6.92 12.968c1.715-.002 3.045.082 4.013.511.524.232 1.008.541 1.44.918.557.485 1.694 1.252 3.094.99.178-.034.35-.078.514-.132a5.98 5.98 0 0 1 4.442 1.139c-.945 1.278-2.392 2.132-4.025 2.256l-.153.01c-1.915.096-3.362-.779-4.322-1.59-1.697-.898-3.025-1.124-3.802-1.32a4.377 4.377 0 0 1-1.272-.57 2.41 2.41 0 0 1-1.177-2.132 8.946 8.946 0 0 1 1.248-.08Zm-4.35 1.006a6.957 6.957 0 0 0 1.049 2.59c-.533.345-1.067.69-1.599 1.037a.313.313 0 0 1-.497-.256v-2.716a.318.318 0 0 1 .15-.27l.898-.385Zm18.854-3.52c.07.336.145.5.17.75a8.604 8.604 0 0 1-.187 2.854 12.01 12.01 0 0 0-3.204-1.125c.103-.32.16-.655.169-.996.007-.27-.024-.371-.07-.632a20.507 20.507 0 0 0 1.632-.355c.58-.15 1.008-.324 1.49-.497Zm-9.616-3.685c.306-.258 1.987-1.622 4.445-1.406a5.96 5.96 0 0 1 2.489.795c.611.356 1.13.878 1.555 1.43-.385.274-.953.569-1.716.803a6.068 6.068 0 0 1-2.61.204c-1.196-.297-2.509.136-3.409 1.107-.5.539-1.079 1-1.74 1.322-.999.49-2.527.48-4.305.38a8.463 8.463 0 0 1-.678-.064 3.63 3.63 0 0 1 2.23-2.247c1.834-.703 3.358-1.967 3.74-2.324Zm-10.285.396c0-.27.316-.415.519-.238.363.316.895.72 1.577 1.071a5.072 5.072 0 0 0-1.073 2.497l-.905-.871a.318.318 0 0 1-.118-.247V7.165Z"
        />
        <path
            fill="#E11312"
            fillRule="evenodd"
            d="M7.8 5.736c1.794-.089 3.137.663 3.828 1.166-.523.462-1.94 1.579-3.617 2.223-.113.04-.263.1-.434.188a3.501 3.501 0 0 0-1.966 3.06c-.006.214.005.427.034.637l-.01.001c-.004.218.014.731.33 1.269.281.479.659.736.847.847.093.062.24.151.425.244a3.628 3.628 0 0 0 .845.32c.097.025.202.05.315.077.8.19 2.012.477 3.498 1.258.15.126.312.253.485.377a7.189 7.189 0 0 0-.133.122c-.306.26-1.988 1.63-4.448 1.412a5.943 5.943 0 0 1-2.491-.798 5.583 5.583 0 0 1-2.38-2.845 8.585 8.585 0 0 1-.203-5.522C3.39 7.55 5.332 5.92 7.646 5.746l.153-.01Zm12.57 10.59a6.018 6.018 0 0 0-4.433-1.124 4.04 4.04 0 0 1-.512.13c-1.4.26-2.536-.502-3.092-.983A5.694 5.694 0 0 0 12 14.08a5.64 5.64 0 0 1 1.234-.832c1-.491 2.53-.482 4.309-.383 2.453.137 4.147 1.306 4.823 1.842.076.06.119.15.119.247v2.204c0 .27-.317.416-.521.238a7.983 7.983 0 0 0-1.592-1.072Zm-7.862-6.589c-.161.175-.33.34-.508.496.344.255.715.471 1.108.644.967.426 2.296.51 4.01.507a10.134 10.134 0 0 0 5.215-1.465.315.315 0 0 0 .151-.27V6.945a.315.315 0 0 0-.5-.256c-.495.356-1.23.81-2.179 1.168a5.968 5.968 0 0 1-3.887.768c-1.196-.299-2.51.137-3.41 1.113Z"
            clipRule="evenodd"
        />
        <path
            fill="#000"
            d="M22.212 6.943a.044.044 0 0 0-.069-.035 9.754 9.754 0 0 1-2.006 1.107 6.34 6.34 0 0 1-1.003.473 6.168 6.168 0 0 1-.524.19 6.315 6.315 0 0 1-2.73.215l-.013-.002-.015-.003c-.743-.186-1.545-.062-2.246.326-.306.175-.592.4-.845.673-.102.11-.21.217-.32.321.247.16.506.301.776.42.908.4 2.18.487 3.9.485.362 0 .709-.024 1.04-.06l.1-.016a20.16 20.16 0 0 0 1.609-.35l.205-.056c.2-.057.382-.118.56-.18a9.87 9.87 0 0 0 1.56-.764l.015-.016a.044.044 0 0 0 .006-.022V6.943ZM7.813 6.007h.001l-.148.01a5.255 5.255 0 0 0-3.631 1.888l.004.003-.208.26-.037.046a5.484 5.484 0 0 0-.81 1.636 8.45 8.45 0 0 0-.154.601l-.014.08-.072.53-.023-.021a8.244 8.244 0 0 0 .028 2.56l.028-.011.06.335c.064.346.17.76.344 1.21l.078.193c.187.44.396.802.585 1.086l.13.194c.403.52.898.963 1.47 1.297a5.676 5.676 0 0 0 2.38.763c2.1.185 3.609-.845 4.112-1.24-.055-.044-.11-.085-.163-.13-1.65-.868-2.932-1.086-3.719-1.284a4.652 4.652 0 0 1-1.356-.607l-.193-.128a2.68 2.68 0 0 1-.619-.628 2.684 2.684 0 0 1-.522-1.646v-.067a4.31 4.31 0 0 1-.025-.57 3.77 3.77 0 0 1 2.014-3.242c.246-.14.464-.23.62-.285l.165-.067c.3-.121.59-.257.866-.4a13.528 13.528 0 0 0 2.175-1.448c-.714-.458-1.878-.992-3.366-.918Zm-.893 7.232a8.398 8.398 0 0 0-.968.049c.02.233.087.562.285.902l.047.078c.019.03.04.058.06.085.222.29.47.459.606.54l.007.003.005.004.164.103.233.126h.003l.003.003-.015.025h.001l.014-.025c.149.08.311.15.487.209l.182.056.114.03.312.076c.805.19 2.044.485 3.561 1.282l.026.014.023.018.225.184c.078.06.16.12.243.18l.276.198-.014.012c.878.586 2.023 1.068 3.43.998l.147-.01c1.456-.111 2.758-.832 3.658-1.929a5.709 5.709 0 0 0-3.995-.929 4.32 4.32 0 0 1-.523.133c-1.525.285-2.746-.55-3.321-1.052l-.157-.132c-.371-.3-.78-.55-1.216-.743-.908-.402-2.182-.49-3.903-.488Zm-5.113 1.358a.048.048 0 0 0-.013.032v2.715c0 .04.041.055.067.037l.012-.008c.451-.293.903-.588 1.355-.88a6.07 6.07 0 0 1-.554-1.103 8.974 8.974 0 0 1-.322-1.029l-.545.236Zm10.212-4.019c-.294.236-.61.447-.947.624l-.13.066c-.545.267-1.219.39-1.963.438-.746.048-1.587.02-2.478-.03l-.354-.028c-.052-.005-.104-.012-.155-.018a3.236 3.236 0 0 0-.1 1.118 9.355 9.355 0 0 1 1.027-.052l.626.003c1.425.02 2.599.133 3.498.532.326.145.638.318.932.517a5.835 5.835 0 0 1 1.138-.743c.546-.269 1.22-.392 1.965-.44.747-.047 1.588-.02 2.48.03l.446.037c.057-.228.09-.463.096-.702.004-.14-.005-.22-.021-.32-.309.029-.629.046-.96.046-1.708.002-3.093-.078-4.12-.531a6.007 6.007 0 0 1-.98-.547Zm8.804.381c-.621.24-1.362.457-2.204.583.017.114.029.23.024.401-.006.26-.04.516-.099.765a8.824 8.824 0 0 1 2.674.926c.098-.514.158-1.08.148-1.693l-.005-.182a8.31 8.31 0 0 0-.036-.528 1.844 1.844 0 0 0-.06-.3l-.033-.118c-.134.049-.27.097-.41.146Zm-4.594-5.325c-2.335-.206-3.94 1.085-4.242 1.339-.315.293-1.315 1.127-2.618 1.821l-.059.031-.166.085c-.33.17-.676.33-1.035.469l-.006.002a3.39 3.39 0 0 0-.402.174l-.004.002c-.024.011-.047.025-.07.037a3.342 3.342 0 0 0-1.401 1.517c.1.009.202.017.306.023.887.05 1.7.075 2.413.03.714-.045 1.305-.162 1.759-.384l.231-.12c.258-.144.5-.312.732-.497l.154-.134c.17-.149.332-.309.487-.476.305-.33.655-.603 1.032-.812.82-.468 1.773-.634 2.676-.415a5.795 5.795 0 0 0 2.485-.195c.146-.045.284-.091.415-.14.284-.115.536-.242.752-.369l.019-.012.022-.008c.062-.024.122-.05.181-.074.002-.001.006-.001.008-.003-.373-.445-.804-.848-1.292-1.132a5.69 5.69 0 0 0-2.377-.76ZM1.819 7.125a.046.046 0 0 0-.018.015.044.044 0 0 0-.007.025v2.211c0 .015.008.028.017.035l.01.008.009.009.543.522a5.377 5.377 0 0 1 .838-1.863 8.26 8.26 0 0 1-1.348-.955.04.04 0 0 0-.02-.01c-.007-.002-.015 0-.023.003Zm5.827-1.379v.01l.005.05-.012-.166.007.106Zm15.11 3.903a.586.586 0 0 1-.282.501v.001l-.375.216c-.113.062-.237.125-.369.19.02.085.039.16.059.235.031.118.06.238.076.385.018.182.032.37.039.561l.005.194.002.151c0 .669-.08 1.284-.199 1.837.351.218.628.421.822.575l-.337.426a8.227 8.227 0 0 0-.852-.59l-.063-.033a11.79 11.79 0 0 0-3.125-1.099 8.127 8.127 0 0 0-.63-.061c-.888-.05-1.702-.076-2.414-.03-.715.045-1.307.161-1.761.384-.327.16-.633.358-.92.584l.08.068.224.182c.578.44 1.523.945 2.638.739.167-.032.327-.073.48-.123l.022-.007.024-.003a6.293 6.293 0 0 1 4.612 1.16 8.26 8.26 0 0 1 1.63 1.1c.009.009.016.01.022.011a.045.045 0 0 0 .042-.02.041.041 0 0 0 .006-.024v-2.205a.042.042 0 0 0-.015-.033l.169-.213.169-.213c.14.112.22.281.22.46v2.204c0 .472-.519.74-.897.498l-.073-.055a7.752 7.752 0 0 0-1.267-.89c-.99 1.25-2.452 2.083-4.1 2.209h-.002c-.05.003-.103.008-.157.01-1.621.081-2.918-.5-3.877-1.166-.406.337-2.126 1.662-4.606 1.443a6.196 6.196 0 0 1-2.341-.688l-.265-.147a5.708 5.708 0 0 1-1.63-1.437l-1.372.892a.585.585 0 0 1-.917-.484v-2.715a.59.59 0 0 1 .289-.506l.012-.008.014-.006.67-.289a8.773 8.773 0 0 1 .01-3.237l-.793-.764a.589.589 0 0 1-.202-.443V7.165c0-.5.588-.776.97-.443l.138.118c.301.25.7.538 1.183.806a5.803 5.803 0 0 1 4.083-2.17h.002l.158-.011c1.746-.087 3.08.588 3.838 1.103l.01-.007c.322-.271 2.074-1.694 4.643-1.468a6.235 6.235 0 0 1 2.602.83c.605.352 1.116.852 1.538 1.377.586-.28 1.06-.58 1.41-.832a.586.586 0 0 1 .93.475V9.65Z"
        />
    </BaseIcon>
)

export const IconLink = (props: IconProps) => (
    <BaseIcon viewBox="0 0 24 24" width="100%" height="100%" {...props}>
        <path
            fillRule="evenodd"
            d="M6.641 9.298a4.75 4.75 0 0 1 6.718 0l.343.343a4.733 4.733 0 0 1 1.354 2.766.75.75 0 0 1-1.488.186 3.233 3.233 0 0 0-.927-1.891l-.343-.343a3.25 3.25 0 0 0-4.596 0l-3.343 3.343a3.25 3.25 0 0 0 0 4.596l.343.343a3.25 3.25 0 0 0 4.596 0l.172-.171a.75.75 0 0 1 1.06 1.06l-.171.172a4.75 4.75 0 0 1-6.718 0l-.343-.343a4.75 4.75 0 0 1 0-6.718l3.343-3.343Z"
            clipRule="evenodd"
        />
        <path
            fillRule="evenodd"
            d="M13.641 5.298a4.75 4.75 0 0 1 6.718 0l.343.343a4.75 4.75 0 0 1 0 6.718l-3.343 3.343a4.75 4.75 0 0 1-6.718 0l-.343-.343a4.733 4.733 0 0 1-1.354-2.766.75.75 0 1 1 1.488-.186c.087.691.395 1.36.927 1.891l.343.343a3.25 3.25 0 0 0 4.596 0l3.343-3.343a3.25 3.25 0 0 0 0-4.596l-.343-.343a3.25 3.25 0 0 0-4.596 0l-.172.171a.75.75 0 1 1-1.06-1.06l.171-.172Z"
            clipRule="evenodd"
        />
    </BaseIcon>
)

export const IconListSquare = (props: IconProps) => (
    <BaseIcon viewBox="0 0 24 24" width="100%" height="100%" {...props}>
        <path d="M7.5 5.75a.25.25 0 0 0-.25-.25h-2.5a.25.25 0 0 0-.25.25v2.5c0 .138.112.25.25.25h2.5a.25.25 0 0 0 .25-.25v-2.5ZM9 8.25A1.75 1.75 0 0 1 7.25 10h-2.5A1.75 1.75 0 0 1 3 8.25v-2.5C3 4.784 3.784 4 4.75 4h2.5C8.216 4 9 4.784 9 5.75v2.5ZM7.5 15.75a.25.25 0 0 0-.25-.25h-2.5a.25.25 0 0 0-.25.25v2.5c0 .138.112.25.25.25h2.5a.25.25 0 0 0 .25-.25v-2.5Zm1.5 2.5A1.75 1.75 0 0 1 7.25 20h-2.5A1.75 1.75 0 0 1 3 18.25v-2.5c0-.966.784-1.75 1.75-1.75h2.5c.966 0 1.75.784 1.75 1.75v2.5ZM20.25 4.5a.75.75 0 0 1 0 1.5h-7.5a.75.75 0 0 1 0-1.5h7.5ZM17.25 8a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1 0-1.5h4.5ZM20.25 14.5a.75.75 0 0 1 0 1.5h-7.5a.75.75 0 0 1 0-1.5h7.5ZM17.25 18a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1 0-1.5h4.5Z" />
    </BaseIcon>
)

export const IconMCP = (props: IconProps) => (
    <BaseIcon viewBox="0 0 24 24" width="100%" height="100%" {...props}>
        <path d="M13.809 1c1.03 0 2.02.402 2.757 1.12a3.77 3.77 0 0 1 1.104 3.244 3.94 3.94 0 0 1 3.307 1.082l.046.046a3.77 3.77 0 0 1 0 5.408l-7.98 7.826a.25.25 0 0 0-.075.18.25.25 0 0 0 .076.18l1.639 1.607a.756.756 0 0 1 0 1.082.79.79 0 0 1-1.103 0l-1.64-1.607a1.76 1.76 0 0 1-.394-1.947 1.8 1.8 0 0 1 .394-.577l7.98-7.827a2.264 2.264 0 0 0 0-3.245l-.045-.045a2.373 2.373 0 0 0-3.306-.002l-6.574 6.448-.002.002-.09.088a.79.79 0 0 1-1.103 0 .756.756 0 0 1 0-1.082l6.666-6.538a2.27 2.27 0 0 0 .682-1.62 2.27 2.27 0 0 0-.684-1.622 2.374 2.374 0 0 0-3.31 0l-8.823 8.654a.79.79 0 0 1-1.102 0 .756.756 0 0 1 0-1.082l8.823-8.653A3.95 3.95 0 0 1 13.809 1m0 3.059c.206 0 .404.08.551.224a.754.754 0 0 1 0 1.081l-6.526 6.4a2.266 2.266 0 0 0 0 3.246 2.374 2.374 0 0 0 3.31 0l6.525-6.4a.79.79 0 0 1 1.104 0 .754.754 0 0 1 0 1.081l-6.527 6.4a3.955 3.955 0 0 1-5.515 0 3.77 3.77 0 0 1 0-5.408l6.526-6.4a.8.8 0 0 1 .552-.224" />
    </BaseIcon>
)

export const IconMessages = (props: IconProps) => (
    <BaseIcon viewBox="0 0 24 24" width="100%" height="100%" {...props}>
        <path d="M16.5022 9.25C16.5022 9.11193 16.3903 9 16.2522 9H3.7522C3.61413 9 3.5022 9.11193 3.5022 9.25V17.75C3.5022 17.8881 3.61413 18 3.7522 18H6.0022C6.41641 18 6.7522 18.3358 6.7522 18.75V19.9756L10.1379 18.0947L10.2239 18.0537C10.3122 18.0184 10.4066 18 10.5022 18H16.2522C16.3903 18 16.5022 17.8881 16.5022 17.75V14.7881C16.5016 14.7754 16.5002 14.7628 16.5002 14.75C16.5002 14.7369 16.5015 14.7239 16.5022 14.7109V9.25ZM18.0022 14H20.2522C20.3903 14 20.5022 13.8881 20.5022 13.75V5.25C20.5022 5.11193 20.3903 5 20.2522 5H8.0022C7.86413 5 7.7522 5.11193 7.7522 5.25V7.5H16.2522C17.2187 7.5 18.0022 8.2835 18.0022 9.25V14ZM22.0022 13.75C22.0022 14.7165 21.2187 15.5 20.2522 15.5H18.0022V17.75C18.0022 18.7165 17.2187 19.5 16.2522 19.5H10.6956L6.36646 21.9053C6.13429 22.0343 5.85128 22.031 5.62231 21.8965C5.39328 21.7617 5.2522 21.5157 5.2522 21.25V19.5H3.7522C2.7857 19.5 2.0022 18.7165 2.0022 17.75V9.25C2.0022 8.2835 2.7857 7.5 3.7522 7.5H6.2522V5.25C6.2522 4.2835 7.0357 3.5 8.0022 3.5H20.2522C21.2187 3.5 22.0022 4.2835 22.0022 5.25V13.75Z" />
    </BaseIcon>
)

export const IconMusicEighthNote = (props: IconProps) => (
    <BaseIcon viewBox="0 0 24 24" width="100%" height="100%" {...props}>
        <path d="M9 18.75C9 17.906 8.126 17 6.75 17s-2.25.906-2.25 1.75.874 1.75 2.25 1.75S9 19.594 9 18.75Zm10.502-3c0-.844-.874-1.75-2.25-1.75s-2.25.906-2.25 1.75.874 1.75 2.25 1.75 2.25-.906 2.25-1.75Zm-9.002 3c0 1.917-1.813 3.25-3.75 3.25S3 20.667 3 18.75s1.813-3.25 3.75-3.25 3.75 1.333 3.75 3.25Zm10.502-3c0 1.917-1.813 3.25-3.75 3.25s-3.75-1.333-3.75-3.25 1.813-3.25 3.75-3.25 3.75 1.333 3.75 3.25Z" />
        <path d="M19.502 4.076a.25.25 0 0 0-.318-.241l-8.502 2.429a.251.251 0 0 0-.182.24V18.75H9V6.505a1.75 1.75 0 0 1 1.27-1.683l8.502-2.429a1.75 1.75 0 0 1 2.23 1.683V15.75h-1.5V4.076Z" />
    </BaseIcon>
)

export const IconMug = (props: IconProps) => (
    <BaseIcon viewBox="0 0 24 24" width="100%" height="100%" {...props}>
        <path d="M15.5 4.5h-11v14.75c0 .138.112.25.25.25h10.5a.25.25 0 0 0 .25-.25V4.5Zm4 3.25a.25.25 0 0 0-.25-.25H17v4h2.25a.25.25 0 0 0 .25-.25v-3.5Zm1.5 3.5A1.75 1.75 0 0 1 19.25 13H17v6.25A1.75 1.75 0 0 1 15.25 21H4.75A1.75 1.75 0 0 1 3 19.25V3.75A.75.75 0 0 1 3.75 3h12.5a.75.75 0 0 1 .75.75V6h2.25c.966 0 1.75.784 1.75 1.75v3.5Z" />
    </BaseIcon>
)

export const IconNoEntry = (props: IconProps) => (
    <BaseIcon viewBox="0 0 24 24" width="100%" height="100%" {...props}>
        <path d="M12 2a9.971 9.971 0 0 1 7.071 2.929A9.971 9.971 0 0 1 22 12c0 5.523-4.477 10-10 10a9.971 9.971 0 0 1-7.071-2.929A9.971 9.971 0 0 1 2 12C2 6.477 6.477 2 12 2ZM6.543 18.517A8.5 8.5 0 0 0 18.517 6.543L6.543 18.517ZM12 3.5a8.5 8.5 0 0 0-6.518 13.956L17.456 5.482A8.464 8.464 0 0 0 12 3.5Z" />
    </BaseIcon>
)

export const IconOpenClaw = (props: IconProps) => (
    <BaseIcon viewBox="0 0 120 120" width="100%" height="100%" {...props}>
        <defs>
            <linearGradient id="lobster-gradient" x1="0%" y1="0%" x2="100%" y2="100%">
                <stop offset="0%" stopColor="#ff4d4d" />
                <stop offset="100%" stopColor="#991b1b" />
            </linearGradient>
        </defs>
        <path
            d="M60 10 C30 10 15 35 15 55 C15 75 30 95 45 100 L45 110 L55 110 L55 100 C55 100 60 102 65 100 L65 110 L75 110 L75 100 C90 95 105 75 105 55 C105 35 90 10 60 10Z"
            fill="url(#lobster-gradient)"
        />
        <path d="M20 45 C5 40 0 50 5 60 C10 70 20 65 25 55 C28 48 25 45 20 45Z" fill="url(#lobster-gradient)" />
        <path
            d="M100 45 C115 40 120 50 115 60 C110 70 100 65 95 55 C92 48 95 45 100 45Z"
            fill="url(#lobster-gradient)"
        />
        <path d="M45 15 Q35 5 30 8" stroke="#ff4d4d" strokeWidth="3" strokeLinecap="round" fill="none" />
        <path d="M75 15 Q85 5 90 8" stroke="#ff4d4d" strokeWidth="3" strokeLinecap="round" fill="none" />
        <circle cx="45" cy="35" r="6" fill="#050810" />
        <circle cx="75" cy="35" r="6" fill="#050810" />
        <circle cx="46" cy="34" r="2.5" fill="#00e5cc" />
        <circle cx="76" cy="34" r="2.5" fill="#00e5cc" />
    </BaseIcon>
)

export const IconOpenCode = (props: IconProps) => (
    <BaseIcon viewBox="0 0 300 300" width="100%" height="100%" {...props}>
        <path
            fillRule="evenodd"
            clipRule="evenodd"
            d="M210 60H90V240H210V60ZM270 300H30V0H270V300Z"
            className="fill-[#211E1E] dark:fill-[#F1ECEC]"
        />
        <path d="M210 240H90V120H210V240Z" className="fill-[#CFCECD] dark:fill-[#4B4646]" />
    </BaseIcon>
)

export const IconOpenAI = (props: IconProps) => (
    <BaseIcon viewBox="0 0 24 24" width="100%" height="100%" {...props}>
        <path d="M9.67 9.215V7.332c0-.159.06-.278.2-.357l3.785-2.18c.516-.297 1.13-.436 1.764-.436 2.379 0 3.885 1.843 3.885 3.806 0 .138 0 .297-.02.455L15.36 6.321a.664.664 0 0 0-.714 0L9.671 9.215Zm8.841 7.334v-4.5a.663.663 0 0 0-.357-.614L13.18 8.54l1.626-.932a.36.36 0 0 1 .396 0l3.786 2.18c1.09.635 1.824 1.983 1.824 3.291 0 1.506-.892 2.894-2.3 3.469Zm-10.01-3.964-1.625-.952c-.139-.079-.198-.198-.198-.356V6.916c0-2.121 1.625-3.727 3.826-3.727a3.71 3.71 0 0 1 2.26.773l-3.906 2.26a.663.663 0 0 0-.356.615v5.748ZM12 14.606l-2.33-1.308v-2.775L12 9.215l2.329 1.308v2.775L12 14.607Zm1.496 6.026a3.71 3.71 0 0 1-2.26-.773l3.906-2.26a.663.663 0 0 0 .356-.614v-5.748l1.646.951c.138.08.198.198.198.357v4.36c0 2.121-1.645 3.727-3.845 3.727ZM8.8 16.212l-3.786-2.18c-1.09-.635-1.824-1.982-1.824-3.29 0-1.527.912-2.894 2.32-3.47v4.52c0 .277.118.476.356.614l4.955 2.874-1.625.932a.36.36 0 0 1-.396 0Zm-.218 3.25c-2.24 0-3.885-1.684-3.885-3.765 0-.159.02-.317.04-.476l3.904 2.26a.664.664 0 0 0 .714 0l4.975-2.874v1.883c0 .158-.06.277-.198.357l-3.786 2.18c-.516.297-1.13.436-1.764.436Zm4.915 2.36c2.399 0 4.4-1.705 4.857-3.965C20.573 17.282 22 15.201 22 13.08a5.013 5.013 0 0 0-1.665-3.706c.1-.417.159-.833.159-1.25 0-2.834-2.3-4.955-4.956-4.955-.535 0-1.05.08-1.566.258A4.968 4.968 0 0 0 10.504 2a4.956 4.956 0 0 0-4.857 3.964C3.427 6.54 2 8.62 2 10.741c0 1.388.595 2.736 1.665 3.707a5.39 5.39 0 0 0-.159 1.249c0 2.834 2.3 4.955 4.956 4.955.535 0 1.05-.08 1.566-.258a4.967 4.967 0 0 0 3.468 1.428Z" />
    </BaseIcon>
)

export const IconOpenRouter = (props: IconProps) => (
    <BaseIcon viewBox="0 0 24 24" width="100%" height="100%" {...props}>
        <path d="M15.9644 3.26172L21.9703 6.72852L21.9996 6.74609L21.9703 6.7627L15.9644 10.2305L15.9351 10.2471V8.40918C13.7838 8.31517 12.5962 8.29645 10.7515 9.60547C8.74648 11.0284 8.35356 11.3039 7.56989 11.7588C8.28102 12.1769 8.73075 12.4948 10.6343 13.8457C12.479 15.1547 13.6665 15.135 15.8179 15.041V13.2031L15.8472 13.2207L21.8531 16.6875L21.8824 16.7051L21.8531 16.7217L15.8472 20.1895L15.8179 20.2061V18.583C13.5644 18.6776 11.2424 18.5887 8.59918 16.7129C6.18303 14.9982 6.24471 15.0423 5.1568 14.4258C4.76837 14.2058 4.08162 13.9585 3.33942 13.7607C2.98647 13.6667 2.6553 13.5937 2.39117 13.5449C2.09299 13.4899 1.97605 13.4844 1.99957 13.4844V9.96875C2.03698 9.96875 2.07606 9.97096 2.11676 9.97266V9.9668C2.09324 9.96673 2.21021 9.96124 2.50836 9.90625C2.77248 9.85751 3.10368 9.78443 3.4566 9.69043C4.19874 9.49271 4.88554 9.2454 5.27399 9.02539C6.36187 8.40892 6.30033 8.45289 8.71637 6.73828C11.3595 4.86251 13.6816 4.77258 15.9351 4.86719V3.24414L15.9644 3.26172Z" />
    </BaseIcon>
)

export const IconPDF = (props: IconProps) => (
    <BaseIcon viewBox="0 0 24 24" width="100%" height="100%" {...props}>
        <path d="M4 11.25v-6.5C4 3.784 4.784 3 5.75 3h8.836c.464 0 .91.185 1.237.513l3.664 3.664c.329.328.513.773.513 1.237v2.836a.75.75 0 0 1-1.5 0V10h-3.75A1.75 1.75 0 0 1 13 8.25V4.5H5.75a.25.25 0 0 0-.25.25v6.5a.75.75 0 0 1-1.5 0Zm10.5-3c0 .138.112.25.25.25h3.75v-.086a.25.25 0 0 0-.073-.177l-3.664-3.664a.25.25 0 0 0-.177-.073H14.5v3.75ZM6.5 16.25a.75.75 0 0 0-.75-.75H4.5V17h1.25a.75.75 0 0 0 .75-.75Zm1.5 0a2.25 2.25 0 0 1-2.25 2.25H4.5v1.75a.75.75 0 0 1-1.5 0v-5.5a.75.75 0 0 1 .75-.75h2A2.25 2.25 0 0 1 8 16.25ZM13.25 17.5c0-.883-.32-1.34-.668-1.6-.384-.286-.897-.4-1.332-.4h-.75v4h.75c.435 0 .948-.114 1.332-.4.348-.26.668-.717.668-1.6Zm1.5 0c0 1.317-.513 2.235-1.27 2.8-.72.539-1.582.7-2.23.7h-1.5a.75.75 0 0 1-.75-.75v-5.5a.75.75 0 0 1 .75-.75h1.5c.648 0 1.51.161 2.23.7.757.565 1.27 1.483 1.27 2.8ZM16 20.25v-5.5a.75.75 0 0 1 .75-.75h3.5a.75.75 0 0 1 0 1.5H17.5v4.75a.75.75 0 0 1-1.5 0Z" />
        <path d="M19.25 17a.75.75 0 0 1 0 1.5h-2.5a.75.75 0 0 1 0-1.5h2.5Z" />
    </BaseIcon>
)

export const IconPlayhead = (props: IconProps) => (
    <BaseIcon viewBox="0 0 11 15" width="100%" height="100%" {...props}>
        <path
            fill="#111"
            d="M9.578.25a.938.938 0 0 1 .728 1.528L6.25 6.77v7.522h-1.5v-7.56L.726 1.777A.938.938 0 0 1 1.453.25h8.125Z"
        />
    </BaseIcon>
)

export const IconPopout = (props: IconProps) => (
    <BaseIcon viewBox="0 0 24 24" width="100%" height="100%" {...props}>
        <path d="M10.5 14.75a.25.25 0 0 0-.25-.25h-6.5a.25.25 0 0 0-.25.25v5.5c0 .138.112.25.25.25h6.5a.25.25 0 0 0 .25-.25v-5.5Zm10-.5v-9.5a.25.25 0 0 0-.25-.25H4.75a.25.25 0 0 0-.25.25v5.5a.75.75 0 0 1-1.5 0v-5.5C3 3.784 3.784 3 4.75 3h15.5c.966 0 1.75.784 1.75 1.75v9.5A1.75 1.75 0 0 1 20.25 16h-5.5a.75.75 0 0 1 0-1.5h5.5a.25.25 0 0 0 .25-.25Zm-8.5 6A1.75 1.75 0 0 1 10.25 22h-6.5A1.75 1.75 0 0 1 2 20.25v-5.5c0-.966.784-1.75 1.75-1.75h6.5c.966 0 1.75.784 1.75 1.75v5.5Zm6-9.5a.75.75 0 0 1-1.5 0V9.56l-1.97 1.97a.75.75 0 1 1-1.06-1.06l1.97-1.97h-1.19a.75.75 0 0 1 0-1.5h3a.75.75 0 0 1 .75.75v3Z" />
    </BaseIcon>
)

export const IconPresentation = (props: IconProps) => (
    <BaseIcon viewBox="0 0 48 48" width="100%" height="100%" {...props}>
        {/* rear slide bg */}
        <rect className="bg-rear" x="10.0929" y="13.2957" width="34.9371" height="24.0678" />
        {/* slide bg */}
        <rect className="bg-front" x="6.21104" y="9.41382" width="34.1607" height="24.0678" />
        {/* top bar */}
        <rect x="3.10553" y="6.30823" width="38.819" height="3.10552" fill="#92A4AA" />
        <rect x="13.9748" y="37.3634" width="27.1733" height="5.88107" fill="url(#pattern_legs)" />
        <rect y="4.75549" width="48" height="34.9261" fill="url(#pattern_frame)" />
        <image
            id="image_legs"
            preserveAspectRatio="none"
            href="https://res.cloudinary.com/dmukukwp6/image/upload/easel_legs_96d248d629.png"
            width="24"
            height="6"
            x="16.5"
            y="39"
        />
        <image
            id="image_frame"
            preserveAspectRatio="none"
            href="https://res.cloudinary.com/dmukukwp6/image/upload/slide_outline_390780551f.png"
            width="48"
            height="36"
            x="0"
            y="4"
        />
    </BaseIcon>
)

export const IconReactNative = (props: IconProps) => (
    <BaseIcon viewBox="0 0 24 24" width="100%" height="100%" {...props}>
        <path fill="#58C4DC" d="M12.035 10.067a1.916 1.916 0 1 0 0 3.83 1.916 1.916 0 0 0 0-3.83Z" />
        <path
            fill="#58C4DC"
            d="M21.999 12c0-1.504-1.393-2.823-3.61-3.691.03-.196.056-.389.075-.579.219-2.16-.302-3.72-1.465-4.392-1.302-.752-3.14-.206-5 1.281C10.14 3.132 8.302 2.586 7 3.338c-1.163.671-1.684 2.231-1.465 4.392.019.19.045.384.075.58-.185.07-.366.146-.54.224C3.09 9.424 2 10.656 2 12c0 1.504 1.393 2.823 3.61 3.69-.03.196-.056.39-.075.58-.22 2.16.302 3.72 1.465 4.392.4.227.853.343 1.313.336 1.102 0 2.389-.58 3.686-1.618 1.297 1.038 2.585 1.618 3.688 1.618.46.007.913-.11 1.313-.336 1.163-.672 1.684-2.232 1.465-4.392-.019-.19-.046-.384-.075-.58C20.607 14.825 22 13.504 22 12m-6.321-8.046c.295-.007.587.065.846.208.808.466 1.17 1.732.994 3.471a9.26 9.26 0 0 1-.043.36 16.828 16.828 0 0 0-2.822-.592c-.58-.771-1.224-1.49-1.926-2.15 1.103-.853 2.138-1.297 2.95-1.297m-.379 9.951c-.357.62-.745 1.22-1.164 1.8-.71.073-1.423.11-2.136.109-.714 0-1.427-.036-2.136-.11-.418-.579-.805-1.18-1.16-1.799A20.47 20.47 0 0 1 7.73 12 20.993 20.993 0 0 1 9.86 8.3a20.791 20.791 0 0 1 4.275-.003A21.045 21.045 0 0 1 16.268 12c-.291.651-.615 1.287-.972 1.905m1.457-.705c.224.61.408 1.235.55 1.87-.618.193-1.249.345-1.888.455.243-.366.478-.747.706-1.143.225-.39.436-.785.635-1.18m-6.097 3.521c.44.027.887.043 1.341.043.454 0 .905-.016 1.344-.043-.417.5-.866.971-1.344 1.412a14.81 14.81 0 0 1-1.34-1.412Zm-2.075-1.2c-.639-.11-1.27-.26-1.889-.453.142-.634.325-1.258.548-1.868.197.395.407.79.635 1.18.229.391.465.777.706 1.143m-1.34-4.729a14.963 14.963 0 0 1-.547-1.86A14.983 14.983 0 0 1 8.58 8.48a22.111 22.111 0 0 0-1.34 2.316m6.1-3.52a20.945 20.945 0 0 0-2.684 0c.415-.5.862-.971 1.34-1.412.478.44.927.912 1.344 1.412Zm2.78 2.341a20.776 20.776 0 0 0-.71-1.143c.64.11 1.273.262 1.893.456a15.082 15.082 0 0 1-.548 1.867 19.927 19.927 0 0 0-.635-1.18M6.482 7.635c-.178-1.739.186-3.005.994-3.471.258-.143.55-.215.846-.208.812 0 1.847.443 2.95 1.296-.703.66-1.348 1.38-1.928 2.152-.955.116-1.9.314-2.822.59a9.346 9.346 0 0 1-.042-.359M5.46 9.403l.333-.141c.222.936.523 1.852.9 2.738a16.991 16.991 0 0 0-.9 2.744c-1.799-.738-2.84-1.76-2.84-2.744 0-.933.917-1.88 2.508-2.597Zm2.016 10.434c-.808-.466-1.172-1.733-.994-3.471.011-.12.026-.238.042-.36.923.278 1.867.476 2.823.592.58.771 1.224 1.491 1.926 2.152-1.538 1.188-2.942 1.58-3.795 1.087m10.04-3.471c.177 1.74-.186 3.005-.994 3.471-.852.494-2.257.1-3.794-1.087a16.946 16.946 0 0 0 1.926-2.152c.955-.116 1.9-.314 2.822-.592.017.122.03.24.043.36m.69-1.624A17.057 17.057 0 0 0 17.31 12c.377-.888.678-1.806.9-2.744 1.794.737 2.839 1.76 2.839 2.744 0 .984-1.042 2.006-2.84 2.744"
        />
    </BaseIcon>
)

export const IconShirt = (props: IconProps) => (
    <BaseIcon viewBox="0 0 24 24" width="100%" height="100%" {...props}>
        <path d="M17.5 10.45a.75.75 0 0 1 1.062-.682l1.47.672a.25.25 0 0 0 .34-.143l.872-2.456a.25.25 0 0 0-.126-.309L15.454 4.77C14.712 6.158 13.37 6.887 12 6.887s-2.713-.729-3.455-2.118L2.882 7.532a.25.25 0 0 0-.126.309l.873 2.456a.25.25 0 0 0 .339.143l1.47-.672a.751.751 0 0 1 1.062.682v8.8c0 .138.112.25.25.25h10.5a.25.25 0 0 0 .25-.25v-8.8Zm1.5 8.8A1.75 1.75 0 0 1 17.25 21H6.75A1.75 1.75 0 0 1 5 19.25v-7.633l-.407.188a1.751 1.751 0 0 1-2.378-1.006l-.872-2.456a1.75 1.75 0 0 1 .882-2.158l6.37-3.109a.751.751 0 0 1 1.045.448c.403 1.277 1.399 1.863 2.36 1.863.961 0 1.956-.586 2.36-1.863a.752.752 0 0 1 1.043-.448l6.372 3.109c.8.39 1.18 1.319.882 2.158l-.872 2.456a1.751 1.751 0 0 1-2.378 1.006L19 11.618v7.632Z" />
    </BaseIcon>
)

export const IconShop = (props: IconProps) => (
    <BaseIcon viewBox="0 0 24 24" width="100%" height="100%" {...props}>
        <path d="M3 19.25v-8a.75.75 0 0 1 1.5 0v8c0 .138.112.25.25.25h14.5a.25.25 0 0 0 .25-.25v-8a.75.75 0 0 1 1.5 0v8A1.75 1.75 0 0 1 19.25 21H4.75A1.75 1.75 0 0 1 3 19.25Z" />
        <path d="M19.484 3c.79 0 1.483.53 1.69 1.293l.954 3.528C22.692 9.878 21.216 12 19.064 12a3.192 3.192 0 0 1-2.432-1.096A3.006 3.006 0 0 1 14.315 12c-.935 0-1.758-.43-2.315-1.095A3.006 3.006 0 0 1 9.685 12c-.937 0-1.76-.43-2.318-1.096A3.191 3.191 0 0 1 4.936 12c-2.152 0-3.628-2.122-3.064-4.179l.954-3.528A1.75 1.75 0 0 1 4.516 3h14.968ZM4.516 4.5a.25.25 0 0 0-.242.185l-.955 3.53v.004c-.325 1.18.535 2.281 1.617 2.281.95 0 1.683-.697 1.683-1.661v-.015l.004-.077a.751.751 0 0 1 1.496.086v.01c.002.944.73 1.657 1.566 1.657.836 0 1.565-.715 1.565-1.661v-.01a.75.75 0 0 1 1.5 0v.01c0 .946.729 1.66 1.565 1.661.837 0 1.566-.715 1.566-1.661v-.01a.75.75 0 0 1 1.5 0v.01c0 .964.733 1.66 1.683 1.661 1.082 0 1.942-1.1 1.618-2.281l-.001-.003-.955-3.531a.25.25 0 0 0-.242-.185H4.516Z" />
    </BaseIcon>
)

export const IconSticker = (props: IconProps) => (
    <BaseIcon viewBox="0 0 24 24" width="100%" height="100%" {...props}>
        <path d="M20.5 12c0-.21-.008-.418-.023-.624a.198.198 0 0 0-.062-.122l-7.669-7.669a.199.199 0 0 0-.122-.063A8.5 8.5 0 1 0 20.5 12Zm1.5 0c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2c.246 0 .49.009.732.026.421.03.797.221 1.075.498l7.669 7.67c.277.277.467.653.498 1.074.017.241.026.486.026.732Z" />
        <path
            fill="#fff"
            d="M13.787 3.09c-.484 4.017 3.107 7.607 7.124 7.123l.089.745.09.744c-4.983.6-9.393-3.81-8.792-8.792l1.489.18Z"
        />
        <path fill="#fff" d="M19.914 10 18.5 11.414 12.586 5.5 14 4.086 19.914 10Z" />
    </BaseIcon>
)

export const IconStrapi = (props: IconProps) => (
    <BaseIcon viewBox="0 0 24 24" width="100%" height="100%" {...props}>
        <path
            fill="#4945FF"
            d="M2 8.933c0-3.268 0-4.902 1.015-5.918C4.031 2 5.665 2 8.933 2h6.134c3.268 0 4.902 0 5.918 1.015C22 4.031 22 5.665 22 8.933v6.134c0 3.268 0 4.902-1.015 5.918C19.969 22 18.335 22 15.067 22H8.933c-3.268 0-4.902 0-5.918-1.015C2 19.969 2 18.335 2 15.067V8.933Z"
        />
        <path
            fill="#fff"
            fillRule="evenodd"
            d="M15.8 8.067H9.067V11.5H12.5v3.433h3.433V8.2a.133.133 0 0 0-.133-.133Z"
            clipRule="evenodd"
        />
        <path fill="#fff" d="M12.5 11.5h-.133v.133h.133V11.5Z" />
        <path
            fill="#9593FF"
            d="M9.067 11.5h3.3c.073 0 .133.06.133.133v3.3H9.2a.133.133 0 0 1-.133-.133v-3.3ZM12.5 14.933h3.433l-3.32 3.32a.067.067 0 0 1-.113-.047v-3.273ZM9.067 11.5H5.794a.067.067 0 0 1-.047-.114l3.32-3.32V11.5Z"
        />
    </BaseIcon>
)

export const IconTag = (props: IconProps) => (
    <BaseIcon viewBox="0 0 24 24" width="100%" height="100%" {...props}>
        <path d="M11.58 2c.463 0 .908.185 1.236.513l8.757 8.757a1.75 1.75 0 0 1 0 2.474l-7.829 7.83a1.75 1.75 0 0 1-2.474 0l-8.757-8.758A1.75 1.75 0 0 1 2 11.58V3.75C2 2.784 2.784 2 3.75 2h7.83ZM3.5 11.58c0 .065.026.129.073.176l8.757 8.757a.25.25 0 0 0 .354 0l7.829-7.83a.25.25 0 0 0 0-.353l-8.757-8.757a.25.25 0 0 0-.177-.073H3.75a.25.25 0 0 0-.25.25v7.83Z" />
        <path d="M6 7.5a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0Z" />
    </BaseIcon>
)

export const IconTraceloop = (props: IconProps) => (
    <BaseIcon viewBox="0 0 24 24" width="100%" height="100%" {...props}>
        <path
            fill="#FEE700"
            d="m15.563 6.027 3.896.001h1.098c.207 0 .424-.015.63.011a.833.833 0 0 1 .468.195c.202.178.328.42.342.69a.93.93 0 0 1-.238.66.917.917 0 0 1-.621.285l-.008.001c-.068.009-.148 0-.217 0l-.438-.001h-4.579c-.149 0-.303.007-.45-.01a.834.834 0 0 1-.372-.162.937.937 0 0 1-.365-.639c-.026-.25.023-.494.186-.693a.984.984 0 0 1 .668-.338Z"
        />
        <path
            fill="#FE3D5C"
            d="M8.252 16.93c.382-.019.773-.002 1.156-.002H13.19c.228 0 .503-.02.725.007.17.02.343.084.473.196a.95.95 0 0 1 .335.65.902.902 0 0 1-.205.66c-.14.158-.355.304-.572.318-.204.03-.497.006-.71.005H9.386l-.739.001c-.137 0-.28.007-.417-.005a.886.886 0 0 1-.413-.16.88.88 0 0 1-.36-.567 1.007 1.007 0 0 1 .156-.744c.152-.212.39-.316.64-.359Z"
        />
        <path
            fill="#FEE700"
            d="M15.5 13.303c.38-.016.765-.003 1.145-.003H20.378c.267 0 .548-.018.813.005.12.01.27.057.372.121.21.133.361.373.412.611a.924.924 0 0 1-.13.708c-.148.225-.38.332-.635.384-.358.024-.727.005-1.086.005H16.396c-.285 0-.584.02-.867-.008a.886.886 0 0 1-.812-.739.93.93 0 0 1 .14-.7.94.94 0 0 1 .644-.384Z"
        />
        <path
            fill="#00C3F6"
            d="M8.231 13.303c.29-.01.58-.003.87-.003h2.462c.174 0 .355-.01.528.007a.9.9 0 0 1 .397.127c.205.13.35.336.399.573a.936.936 0 0 1-.12.714c-.154.236-.376.351-.645.407-.258.018-.522.006-.78.006H8.827c-.204 0-.418.013-.621-.011a.88.88 0 0 1-.748-.706c-.043-.244-.012-.53.134-.736a.958.958 0 0 1 .638-.378ZM17.31 16.94c.138-.025.308-.006.449-.006l.952.001h1.64c.275 0 .567-.02.84.006.136.013.282.06.396.136.208.138.344.36.39.603.047.238-.01.5-.147.7a.917.917 0 0 1-.6.377c-.265.017-.54.002-.807.002H17.813c-.18 0-.377.017-.555-.006a.883.883 0 0 1-.366-.154.955.955 0 0 1-.373-.635.92.92 0 0 1 .157-.648.93.93 0 0 1 .635-.375Z"
        />
        <path
            fill="#00FE84"
            d="M15.636 9.677a.84.84 0 0 1 .633.235.953.953 0 0 1 .28.674.9.9 0 0 1-.257.635.932.932 0 0 1-.43.254c-.168.034-.352.022-.522.022h-3.363c-.235-.008-.435-.068-.61-.231a.89.89 0 0 1-.305-.65.97.97 0 0 1 .256-.677.838.838 0 0 1 .462-.245c.15-.026.31-.016.462-.016h.646c.915 0 1.833.016 2.748-.001Z"
        />
        <path
            fill="#FEA42D"
            d="M19.13 9.676c.103-.012.216-.002.32-.002h1.373c.149 0 .304-.01.451.011.104.016.228.07.313.13.22.154.352.375.396.639a.86.86 0 0 1-.146.655.934.934 0 0 1-.612.381c-.429.015-.86.004-1.29.005-.266 0-.64.028-.898-.019a.8.8 0 0 1-.35-.161.925.925 0 0 1-.347-.63.925.925 0 0 1 .189-.681.888.888 0 0 1 .6-.328Z"
        />
        <path
            fill="#FE3D5C"
            d="m2 6.72.005-.008c.042-.065.063-.142.098-.21a.833.833 0 0 1 .557-.443c.194-.044.401-.031.6-.031H11.36c.215 0 .436-.01.65.004.181.012.337.047.491.147a.905.905 0 0 1 .384.58.96.96 0 0 1-.147.749c-.128.19-.353.308-.575.349-.15.027-.306.017-.457.017l-.608-.002H4.833l-1.3.001c-.229 0-.464.012-.692-.004a.934.934 0 0 1-.464-.156 1.027 1.027 0 0 1-.32-.395C2.04 7.28 2.024 7.229 2 7.197V6.72Z"
        />
        <path
            fill="#FEA42D"
            d="M2 10.354c.163-.344.239-.518.631-.653.155-.054 1.197-.026 1.445-.026h3.841c.184 0 .375-.012.559-.001.103.006.216.04.308.087a.92.92 0 0 1 .45.54.965.965 0 0 1-.06.73.944.944 0 0 1-.532.435c-.195.058-.923.029-1.179.029H3.676c-.292 0-.589.014-.88-.003a.729.729 0 0 1-.318-.088.933.933 0 0 1-.412-.451c-.021-.045-.036-.108-.066-.146v-.453ZM2 13.983c.124-.282.238-.497.543-.617a.956.956 0 0 1 .267-.063c.128-.01.26-.004.388-.004l.666.002.607-.002c.112 0 .227-.005.339.004a.935.935 0 0 1 .301.073.926.926 0 0 1 .474.513.918.918 0 0 1-.025.74.893.893 0 0 1-.504.45.92.92 0 0 1-.25.052c-.304.023-.654.003-.963.003l-.629.001c-.132 0-.266.005-.398-.006a.861.861 0 0 1-.297-.072.911.911 0 0 1-.439-.438c-.025-.05-.046-.119-.08-.162v-.474Z"
        />
        <path
            fill="#00FE84"
            d="M2.014 17.621c.104-.28.183-.459.472-.592.104-.048.215-.08.33-.091.118-.013.24-.007.359-.006l.609.001c.328.001.684-.021 1.007.002.098.007.194.025.286.06.22.082.392.247.489.46.11.24.112.496.018.741a.862.862 0 0 1-.468.488.869.869 0 0 1-.272.074c-.108.01-.22.002-.329.002l-.607-.001H3.18c-.126 0-.257.008-.383-.001a.883.883 0 0 1-.74-.544c-.019-.045-.027-.094-.046-.139L2 18.078v-.452l.014-.005Z"
        />
    </BaseIcon>
)

export const IconVercel = (props: IconProps) => (
    <BaseIcon viewBox="0 0 24 24" width="100%" height="100%" {...props}>
        <path d="m12.017 3 10.018 17.5H2L12.017 3Z" />
    </BaseIcon>
)

export const IconVolumeFull = (props: IconProps) => (
    <BaseIcon viewBox="0 0 24 24" width="100%" height="100%" {...props}>
        <path d="M14 3.75a.75.75 0 0 0-1.154-.632L6.842 6.961A.25.25 0 0 1 6.707 7H3.75A1.75 1.75 0 0 0 2 8.75v6.5c0 .966.784 1.75 1.75 1.75h2.957a.25.25 0 0 1 .135.04l6.004 3.842A.75.75 0 0 0 14 20.25V3.75ZM19.718 4.222a.75.75 0 0 1 1.06 0A10.968 10.968 0 0 1 24 12c0 3.037-1.232 5.788-3.222 7.778a.75.75 0 1 1-1.06-1.06A9.468 9.468 0 0 0 22.5 12a9.468 9.468 0 0 0-2.782-6.718.75.75 0 0 1 0-1.06ZM17.42 7.581a.75.75 0 0 0-1.061 1.06 4.733 4.733 0 0 1 1.391 3.36c0 1.311-.53 2.498-1.391 3.358a.75.75 0 1 0 1.06 1.06A6.233 6.233 0 0 0 19.25 12c0-1.725-.7-3.289-1.83-4.419Z" />
    </BaseIcon>
)

export const IconVolumeHalf = (props: IconProps) => (
    <BaseIcon viewBox="0 0 24 24" width="100%" height="100%" {...props}>
        <path d="M13.61 3.092a.75.75 0 0 1 .39.658v16.5a.75.75 0 0 1-1.154.632l-6.004-3.843A.25.25 0 0 0 6.707 17H3.75A1.75 1.75 0 0 1 2 15.25v-6.5C2 7.784 2.784 7 3.75 7h2.957a.25.25 0 0 0 .135-.04l6.004-3.842a.75.75 0 0 1 .764-.026ZM17.42 7.581a.75.75 0 1 0-1.061 1.06 4.733 4.733 0 0 1 1.391 3.36c0 1.311-.53 2.498-1.391 3.358a.75.75 0 1 0 1.06 1.06A6.233 6.233 0 0 0 19.25 12c0-1.725-.7-3.289-1.83-4.419Z" />
    </BaseIcon>
)

export const IconVolumeMuted = (props: IconProps) => (
    <BaseIcon viewBox="0 0 24 24" width="100%" height="100%" {...props}>
        <path d="M14 5.94V3.75a.75.75 0 0 0-1.154-.632L6.842 6.961A.25.25 0 0 1 6.707 7H3.75A1.75 1.75 0 0 0 2 8.75v6.5c0 .727.443 1.35 1.074 1.615L.22 19.72a.75.75 0 1 0 1.06 1.06l16.5-16.5a.75.75 0 0 0-1.06-1.06L14 5.94ZM12.846 20.882l-5.822-3.726L14 10.18v10.07a.75.75 0 0 1-1.154.632Z" />
    </BaseIcon>
)

export const IconLinkedIn = (props: IconProps) => (
    <BaseIcon viewBox="0 0 24 24" width="100%" height="100%" {...props}>
        <path
            fill="#0A66C2"
            d="M19.04 19.041h-2.962v-4.64c0-1.107-.02-2.532-1.542-2.532-1.543 0-1.78 1.206-1.78 2.45v4.722H9.794V9.497h2.845v1.305h.04a3.118 3.118 0 0 1 2.807-1.542c3.003 0 3.557 1.976 3.557 4.546l-.001 5.235ZM6.45 8.193a1.72 1.72 0 1 1 0-3.44 1.72 1.72 0 0 1 0 3.44ZM7.93 19.04H4.965V9.497H7.93v9.544Zm12.587-17.04H3.476A1.46 1.46 0 0 0 2 3.443v17.114A1.46 1.46 0 0 0 3.476 22h17.042A1.464 1.464 0 0 0 22 20.557V3.442A1.463 1.463 0 0 0 20.518 2"
        />
    </BaseIcon>
)

export const IconSubstack = (props: IconProps) => (
    <BaseIcon viewBox="0 0 24 24" width="100%" height="100%" {...props}>
        <path
            fill="#FF6719"
            d="M20.632 10.594V22l-8.317-5.501L4 22V10.594h16.632Zm0-2.149H4V6.297h16.632v2.148Zm0-4.297H4V2h16.632v2.148Z"
        />
    </BaseIcon>
)

export const IconYouTube = (props: IconProps) => (
    <BaseIcon viewBox="0 0 24 24" width="100%" height="100%" {...props}>
        <path
            fill="#ED1D24"
            d="M21.582 7.193a2.508 2.508 0 0 0-1.768-1.774C18.254 5 12 5 12 5s-6.254 0-7.814.42c-.86.23-1.538.91-1.768 1.774C2 8.757 2 12.02 2 12.02s0 3.264.418 4.829c.23.863.908 1.543 1.768 1.773 1.56.42 7.814.42 7.814.42s6.254 0 7.814-.42c.86-.23 1.538-.91 1.768-1.773C22 15.285 22 12.02 22 12.02s0-3.264-.418-4.828Z"
        />
        <path fill="#fff" d="m9.955 14.985 5.227-2.963-5.227-2.964v5.927Z" />
    </BaseIcon>
)

export const IconInstagram = (props: IconProps) => (
    <BaseIcon viewBox="0 0 24 24" width="100%" height="100%" {...props}>
        <path
            fill="url(#paint0_linear_1631_225)"
            d="M18.538 6.662a1.201 1.201 0 1 0-2.402 0 1.201 1.201 0 0 0 2.402 0Z"
        />
        <path
            fill="url(#paint1_linear_1631_225)"
            d="M20.139 16.04c-.045.976-.208 1.505-.343 1.857a3.09 3.09 0 0 1-.75 1.15c-.349.35-.682.566-1.149.746-.352.138-.883.301-1.859.348-1.054.046-1.366.056-4.04.056-2.67 0-2.985-.01-4.039-.056-.975-.047-1.504-.21-1.856-.348-.47-.18-.8-.396-1.15-.746a3.048 3.048 0 0 1-.749-1.15c-.135-.352-.3-.881-.343-1.857-.051-1.054-.06-1.371-.06-4.039 0-2.673.009-2.988.06-4.042.042-.975.208-1.504.343-1.86.18-.465.397-.797.749-1.147.35-.349.68-.566 1.15-.748.352-.138.881-.299 1.856-.345C9.013 3.812 9.33 3.8 12 3.8c2.673 0 2.985.012 4.04.059.974.046 1.506.207 1.858.345.467.182.8.399 1.148.748.352.35.569.682.75 1.148.136.355.3.884.344 1.86.049 1.053.06 1.368.06 4.041 0 2.668-.011 2.985-.06 4.04Zm1.8-8.163c-.049-1.065-.217-1.793-.466-2.427a4.874 4.874 0 0 0-1.152-1.773 4.917 4.917 0 0 0-1.77-1.153c-.637-.247-1.363-.417-2.429-.463C15.056 2.009 14.716 2 12 2c-2.715 0-3.058.01-4.124.06-1.063.047-1.788.217-2.428.464A4.93 4.93 0 0 0 3.68 3.677 4.914 4.914 0 0 0 2.525 5.45c-.247.634-.415 1.362-.467 2.427C2.012 8.943 2 9.284 2 12.001c0 2.715.012 3.055.058 4.121.052 1.064.22 1.791.467 2.428a4.905 4.905 0 0 0 1.154 1.77 4.929 4.929 0 0 0 1.768 1.155c.64.247 1.365.415 2.428.464C8.941 21.99 9.285 22 12 22c2.717 0 3.057-.012 4.123-.06 1.066-.05 1.792-.218 2.428-.465a4.916 4.916 0 0 0 1.77-1.154 4.866 4.866 0 0 0 1.153-1.77c.25-.638.417-1.365.466-2.429.05-1.066.061-1.406.061-4.12 0-2.718-.012-3.059-.06-4.125Z"
        />
        <path
            fill="url(#paint2_linear_1631_225)"
            d="M11.999 15.332a3.332 3.332 0 1 1 0-6.666 3.334 3.334 0 1 1 0 6.666Zm0-8.47a5.136 5.136 0 0 0 0 10.272 5.135 5.135 0 1 0 0-10.271Z"
        />
        <defs>
            <linearGradient
                id="paint0_linear_1631_225"
                x1="2.18"
                x2="20.334"
                y1="21.793"
                y2="3.639"
                gradientUnits="userSpaceOnUse"
            >
                <stop stopColor="#FFD521" />
                <stop offset=".05" stopColor="#FFD521" />
                <stop offset=".501" stopColor="#F50000" />
                <stop offset=".95" stopColor="#B900B4" />
                <stop offset=".95" stopColor="#B900B4" />
                <stop offset="1" stopColor="#B900B4" />
            </linearGradient>
            <linearGradient
                id="paint1_linear_1631_225"
                x1="2.18"
                x2="20.349"
                y1="21.818"
                y2="3.649"
                gradientUnits="userSpaceOnUse"
            >
                <stop stopColor="#FFD521" />
                <stop offset=".05" stopColor="#FFD521" />
                <stop offset=".501" stopColor="#F50000" />
                <stop offset=".95" stopColor="#B900B4" />
                <stop offset=".95" stopColor="#B900B4" />
                <stop offset="1" stopColor="#B900B4" />
            </linearGradient>
            <linearGradient
                id="paint2_linear_1631_225"
                x1="2.185"
                x2="20.349"
                y1="21.818"
                y2="3.654"
                gradientUnits="userSpaceOnUse"
            >
                <stop stopColor="#FFD521" />
                <stop offset=".05" stopColor="#FFD521" />
                <stop offset=".501" stopColor="#F50000" />
                <stop offset=".95" stopColor="#B900B4" />
                <stop offset=".95" stopColor="#B900B4" />
                <stop offset="1" stopColor="#B900B4" />
            </linearGradient>
        </defs>
    </BaseIcon>
)

export const IconGithub = (props: IconProps) => (
    <BaseIcon viewBox="0 0 24 24" width="100%" height="100%" {...props}>
        <path
            className="text-[#24292F] dark:text-white"
            fillRule="evenodd"
            d="M12.008 2C6.474 2 2 6.583 2 12.254c0 4.532 2.867 8.369 6.843 9.726.498.103.68-.22.68-.492 0-.237-.017-1.052-.017-1.901-2.784.611-3.364-1.222-3.364-1.222-.447-1.189-1.11-1.494-1.11-1.494-.911-.628.067-.628.067-.628 1.01.068 1.54 1.052 1.54 1.052.895 1.562 2.337 1.12 2.917.85.083-.663.348-1.121.63-1.376-2.22-.238-4.557-1.12-4.557-5.059 0-1.12.397-2.037 1.027-2.75-.1-.254-.447-1.307.1-2.716 0 0 .845-.272 2.75 1.052a9.472 9.472 0 0 1 2.502-.34c.845 0 1.707.12 2.502.34 1.906-1.324 2.75-1.052 2.75-1.052.548 1.409.2 2.462.1 2.716.647.713 1.028 1.63 1.028 2.75 0 3.939-2.337 4.804-4.574 5.06.365.322.68.933.68 1.9 0 1.375-.017 2.479-.017 2.818 0 .272.183.595.68.493C19.133 20.622 22 16.786 22 12.253 22.016 6.584 17.526 2 12.008 2Z"
            clipRule="evenodd"
        />
    </BaseIcon>
)

export const IconXNotTwitter = (props: IconProps) => (
    <BaseIcon viewBox="0 0 24 24" width="100%" height="100%" {...props}>
        <path
            className="text-black dark:text-white"
            d="M17.743 3h3.052l-6.667 7.64L22 21h-6.185l-4.819-6.28L5.454 21H2.402l7.148-8.16L2 3h6.345l4.378 5.76L17.743 3Zm-1.084 16.16h1.686L7.422 4.72H5.574L16.66 19.16Z"
        />
    </BaseIcon>
)

export const Digit0 = (props: IconProps) => (
    <BaseIcon viewBox="0 0 10 13" width="100%" height="100%" {...props}>
        <path d="M8.873.273 6.818 2.182H3.254L1.527.272h7.346ZM7.763 13H.419l2.055-1.89h3.563L7.764 13Zm-5.4-4.818-.218 2.563-2.054 1.891.418-4.927L1.291 7l1.073 1.182ZM.71 5.564 1.127.636l1.727 1.891-.218 2.564-1.29 1.2-.637-.727Zm7.855 2.145-.419 4.927-1.727-1.89.218-2.564L7.927 7l.637.71ZM6.909 5.091l.218-2.564L9.182.637l-.418 4.927-.782.727-1.073-1.2Z" />
    </BaseIcon>
)

export const Digit1 = (props: IconProps) => (
    <BaseIcon viewBox="0 0 3 13" width="100%" height="100%" {...props}>
        <path d="m2.254 7.71-.418 4.926-1.727-1.89.218-2.564L1.618 7l.636.71ZM.6 5.09l.218-2.564L2.873.637l-.419 4.927-.781.727L.6 5.091Z" />
    </BaseIcon>
)

export const Digit2 = (props: IconProps) => (
    <BaseIcon viewBox="0 0 10 13" width="100%" height="100%" {...props}>
        <path d="M8.873.273 6.818 2.182H3.254L1.527.272h7.346ZM7.763 13H.419l2.055-1.89h3.563L7.764 13Zm-5.4-4.818-.218 2.563-2.054 1.891.418-4.927L1.291 7l1.073 1.182ZM6.91 5.09l.218-2.564L9.182.637l-.418 4.927-.782.727-1.073-1.2Zm-.164.6.873.945-1.036.946H2.545l-.854-.946 1.018-.945h4.036Z" />
    </BaseIcon>
)

export const Digit3 = (props: IconProps) => (
    <BaseIcon viewBox="0 0 10 13" width="100%" height="100%" {...props}>
        <path d="M8.873.273 6.818 2.182H3.254L1.527.272h7.346ZM7.763 13H.418l2.055-1.89h3.563L7.763 13Zm.8-5.29-.418 4.926-1.727-1.89.218-2.564L7.927 7l.636.71ZM6.91 5.09l.218-2.563L9.182.637l-.419 4.927-.781.727-1.073-1.2Zm-.164.6.873.946-1.036.946H2.545l-.854-.946 1.018-.945h4.036Z" />
    </BaseIcon>
)

export const Digit4 = (props: IconProps) => (
    <BaseIcon viewBox="0 0 10 13" width="100%" height="100%" {...props}>
        <path d="M.709 5.564 1.127.636l1.727 1.891-.218 2.564-1.29 1.2-.637-.727Zm7.855 2.145-.419 4.928-1.727-1.891.218-2.564L7.927 7l.637.71ZM6.909 5.091l.218-2.564L9.182.637l-.418 4.927-.782.727-1.073-1.2Zm-.164.6.873.945-1.036.946H2.545l-.854-.946 1.018-.945h4.036Z" />
    </BaseIcon>
)

export const Digit5 = (props: IconProps) => (
    <BaseIcon viewBox="0 0 9 13" width="100%" height="100%" {...props}>
        <path d="M8.873.273 6.818 2.182H3.254L1.527.272h7.346ZM7.763 13H.418l2.055-1.89h3.563L7.763 13ZM.71 5.564 1.127.636l1.727 1.891-.218 2.564-1.29 1.2-.637-.727Zm7.854 2.145-.418 4.927-1.727-1.89.218-2.564L7.927 7l.636.71ZM6.745 5.691l.873.945-1.036.946H2.545l-.854-.946 1.018-.945h4.036Z" />
    </BaseIcon>
)

export const Digit6 = (props: IconProps) => (
    <BaseIcon viewBox="0 0 9 13" width="100%" height="100%" {...props}>
        <path d="M8.873.273 6.818 2.182H3.254L1.527.272h7.346ZM7.763 13H.419l2.055-1.89h3.563L7.764 13Zm-5.4-4.818-.218 2.563-2.054 1.891.418-4.927L1.291 7l1.073 1.182ZM.71 5.564 1.127.636l1.727 1.891-.218 2.564-1.29 1.2-.637-.727Zm7.855 2.145-.419 4.927-1.727-1.89.218-2.564L7.927 7l.637.71ZM6.745 5.691l.873.945-1.036.946H2.545l-.854-.946 1.018-.945h4.036Z" />
    </BaseIcon>
)

export const Digit7 = (props: IconProps) => (
    <BaseIcon viewBox="0 0 9 13" width="100%" height="100%" {...props}>
        <path d="M7.873.273 5.818 2.182H2.255L.527.272h7.346Zm-.31 7.436-.417 4.927-1.728-1.89.218-2.564L6.927 7l.637.71ZM5.91 5.091l.218-2.564L8.182.637l-.418 4.927-.782.727-1.073-1.2Z" />
    </BaseIcon>
)

export const Digit8 = (props: IconProps) => (
    <BaseIcon viewBox="0 0 10 13" width="100%" height="100%" {...props}>
        <path d="M8.873.273 6.818 2.182H3.254L1.527.272h7.346ZM7.763 13H.419l2.055-1.89h3.563L7.764 13Zm-5.4-4.818-.218 2.563-2.054 1.891.418-4.927L1.291 7l1.073 1.182ZM.71 5.564 1.127.636l1.727 1.891-.218 2.564-1.29 1.2-.637-.727Zm7.855 2.145-.419 4.927-1.727-1.89.218-2.564L7.927 7l.637.71ZM6.909 5.091l.218-2.564L9.182.637l-.418 4.927-.782.727-1.073-1.2Zm-.164.6.873.945-1.036.946H2.545l-.854-.946 1.018-.945h4.036Z" />
    </BaseIcon>
)

export const Digit9 = (props: IconProps) => (
    <BaseIcon viewBox="0 0 10 13" width="100%" height="100%" {...props}>
        <path d="M8.873.273 6.818 2.182H3.254L1.527.272h7.346ZM7.763 13H.418l2.055-1.89h3.563L7.763 13ZM.71 5.564 1.127.636l1.727 1.891-.218 2.564-1.29 1.2-.637-.727Zm7.854 2.145-.418 4.927-1.727-1.89.218-2.564L7.927 7l.636.71ZM6.91 5.091l.218-2.564L9.182.637l-.419 4.927-.781.727-1.073-1.2Zm-.164.6.873.945-1.036.946H2.545l-.854-.946 1.018-.945h4.036Z" />
    </BaseIcon>
)

export const DigitDash = (props: IconProps) => (
    <BaseIcon viewBox="0 0 9 13" width="100%" height="100%" {...props}>
        <path d="m6.327 5.69.873.946-1.036.946H2.127l-.854-.946 1.018-.945h4.036Z" />
    </BaseIcon>
)

export const DigitComma = (props: IconProps) => (
    <BaseIcon viewBox="0 0 4 20" width="100%" height="100%" {...props}>
        <path d="m2.637 17.164-1.019.945-.872-.945.236-2.528h1.89l-.235 2.528Z" />
    </BaseIcon>
)