# @askrjs/logos

> Published API exports for @askrjs/logos.

Source: [https://askrjs.com/docs/reference/api/logos/root](https://askrjs.com/docs/reference/api/logos/root)

Status: stable. Packages: @askrjs/logos.

**Published packages are authoritative.** Examples may lag behind a published contract. When guidance differs, verify the exports and TypeScript declarations in your installed package, then file an issue.

## Exports

This entrypoint publishes 11 exports from the declarations shipped by @askrjs/logos.

### `AppleLogo`

```ts
AppleLogo: { (props: LogoProps): import("@askrjs/askr/jsx-runtime").JSXElement; displayName: string; }
```

Apple logo icon component.

### `createLogo`

```ts
createLogo: (displayName: string, logoNode: LogoNode) => { (props: LogoProps): JSXElement; displayName: string; }
```

Builds a brand logo icon component from a set of SVG shape descriptors.

Validates the given `logoNode` against an allow-list of safe SVG tags and
attributes (rejecting any `url(...)` references in `fill`/`stroke`), then
returns a component that renders those shapes wrapped in `IconBase`,
matching the sizing/color conventions of other Askr icons.

### `FacebookLogo`

```ts
FacebookLogo: { (props: LogoProps): import("@askrjs/askr/jsx-runtime").JSXElement; displayName: string; }
```

Facebook logo icon component.

### `GitHubLogo`

```ts
GitHubLogo: { (props: LogoProps): import("@askrjs/askr/jsx-runtime").JSXElement; displayName: string; }
```

GitHub logo icon component.

### `GoogleLogo`

```ts
GoogleLogo: { (props: LogoProps): import("@askrjs/askr/jsx-runtime").JSXElement; displayName: string; }
```

Google logo icon component.

### `LogoAttribute`

```ts
LogoAttribute: "clipRule" | "cx" | "cy" | "d" | "fill" | "fillRule" | "height" | "opacity" | "points" | "r" | "rx" | "ry" | "stroke" | "strokeWidth" | "transform" | "width" | "x" | "x1" | "x2" | "y" | "y1" | "y2"
```

SVG attribute names permitted on the elements of a {@link LogoNode}.

### `LogoAttributes`

```ts
LogoAttributes: Readonly<Partial<Record<LogoAttribute, string>>>
```

Map of allowed SVG attribute values, keyed by {@link LogoAttribute}.

### `LogoNode`

```ts
LogoNode: ReadonlyArray<readonly [tag: LogoTag, attrs: LogoAttributes]>
```

Ordered list of `[tag, attributes]` pairs describing a logo's SVG shapes.

### `LogoProps`

```ts
LogoProps: IconProps
```

Props accepted by logo components; identical to {@link IconProps}.

### `LogoTag`

```ts
LogoTag: "circle" | "ellipse" | "line" | "path" | "polygon" | "polyline" | "rect"
```

SVG element tags permitted inside a {@link LogoNode}.

### `MicrosoftLogo`

```ts
MicrosoftLogo: { (props: LogoProps): import("@askrjs/askr/jsx-runtime").JSXElement; displayName: string; }
```

Microsoft logo icon component.

## Documentation navigation

[Previous](https://askrjs.com/docs/reference/api/i18n/root/index.md) | [Next](https://askrjs.com/docs/reference/api/lucide/root/index.md)