import type * as React from "react" /** * The model marks, keyed by vendor. A logo is not a glyph with a shape you * can choose, it is a specific mark in specific colours, so these are drawn * here rather than looked up in an icon set — the same exception * `code-icons` makes, and that `google-icons` makes, for the same reason. * * Each mark is written without `width` or `height` so the class sizing it * wins, and with `aria-hidden` since a mark stands beside the model name * rather than in place of it. * * The gradient ids inside a mark are prefixed per vendor. They are still * document-wide names, so a mark drawn twice on one page repeats them; the * duplicates resolve to identical definitions and draw correctly, but that * is the ceiling on what an id in a component can promise. */ type IconProps = React.SVGProps export const modelIcons = { claude: (props: IconProps) => ( ), openai: (props: IconProps) => ( ), gemini: (props: IconProps) => ( ), grok: (props: IconProps) => ( ), deepseek: (props: IconProps) => ( ), mistral: (props: IconProps) => ( ), v0: (props: IconProps) => ( ), } /** The products this set has a mark for, and the key each one answers to. */ export type ModelIconName = keyof typeof modelIcons export type { IconProps as ModelIconProps }

Model Icons

01Preview

02Installation