The right mark, in the right system.

pnpm add @santi020k/lumen-icons-brand

import { registerLumenBrandIcons } from '@santi020k/lumen-icons-brand'

registerLumenBrandIcons()

// Use the same Icon component in Astro or React.
<Icon name="brand:github" label="GitHub" />
<Icon name="brand:figma" decorative />

// The same registered name works in Elements.
<lumen-icon name="brand:youtube" label="YouTube"></lumen-icon>

import { LumenIcon, lumenIconNames } from '@santi020k/lumen-react-native'

<LumenIcon name="brand:github" label="GitHub" />
// Filter lumenIconNames for names beginning with "brand:".

import LumenUI

LumenIcon(name: .brandGithub, label: "GitHub")
// LumenIconName.allCases contains every interface and brand name.

import com.santi020k.lumen.LumenIcon
import com.santi020k.lumen.LumenIconName

LumenIcon(
    name = LumenIconName.BrandGithub,
    contentDescription = "GitHub"
)
// LumenIconName.entries contains every interface and brand name.