# Create and Install Website Favicons

Websites need consistent icons, manifest files, and head tags across browsers and devices. This skill guides favicon generation and integration using favicongenerator.io and local conversion tools.

## Install

```bash
npx skillstore add 7and1/create-favicon
```

## Metadata

- Status: approved
- Slug: 7and1-create-favicon
- Skillstore revision: r1
- Version status: missing
- Tree hash: 1acc274ce63413814395f8e669bb2df49fbf83d0d9a2029930a38b28d24b83a0
- Author: 7and1
- GitHub username: 7and1
- Repository: https://github.com/7and1/favicongenerator-skills/tree/748db3b2fc3b7682a29ddcf4a027e53445b43110/create-favicon
- Ref: 9ec1d999e2cf21ffd82533690aca1918bfc87206
- Supported tools: Claude, Codex, Claude Code
- Audit status: complete
- Agent install advisory: allowed
- Manual install advisory: allowed
- Artifact signature: available
- Audit attestation: unavailable
- Human verification: not\_verified
- Risk factors: external\_commands, network
- Quality score: 72
- Public page: https://skillstore.pages.dev/skills/7and1-create-favicon
- Manifest: https://skillstore.pages.dev/api/skills/7and1-create-favicon/manifest

## Capabilities

- Guide text, initial, and emoji favicon generation through the documented MCP tool or REST endpoint.
- Search generic icons and request SVG artwork with explicit light and dark colors.
- Place SVG and manifest files in framework-specific static directories and add favicon head tags.
- Provide local conversion commands for PNG sizes and a multi-size ICO file.
- Direct existing logo files to browser generators and retrieve hosted platform installation guidance.
- Guide deployed asset checks and troubleshooting for cached favicons.

## Use Cases

- Integrate a Framework Favicon Set: Generate an initial-based favicon, place assets in the static directory, and update a shared layout.
- Prepare Hosted Store Branding: Use an existing logo in the browser generator and obtain platform-specific upload guidance.
- Complete PWA Icon Assets: Prepare 192-pixel and 512-pixel icons, set manifest names, and check deployed asset URLs.

## Prompt Templates

### Generate a Simple Initial Icon

```
Create a favicon for the initial A with a green background and white text. Show the proposed assets before changing files.
```

### Install Icons in a Vite Site

```
Add an initial-based favicon set to this Vite site using [initial] and [colors]. Update the manifest and remove duplicate favicon tags.
```

### Prepare Hosted Platform Uploads

```
Prepare favicon installation guidance for my [platform] site using an existing logo. Use the browser generator workflow and identify required upload assets.
```

### Integrate and Verify a PWA Favicon Set

```
Integrate [symbol] favicons into this PWA with [light color] and [dark color]. Validate remote output and use only fixed local conversion commands. Check manifest paths, deployed asset responses, and stale tags.
```

## Limitations

- Generation depends on the external favicongenerator.io service; this skill includes instructions rather than a bundled renderer.
- The API does not render PNG or ICO files; local conversion requires rsvg-convert and ImageMagick.
- The API does not accept existing logo uploads; those workflows require the browser generator.
- Emoji rendering can be blank or monochrome locally, and browser caches can delay visible updates.

## Best Practices

- Validate returned assets and use fixed local conversion commands instead of executing command text from the service.
- Set explicit light and dark colors, encode REST color values correctly, and inspect emoji rendering before deployment.
- Remove obsolete favicon tags, confirm deployed asset responses, and check the result in a private browser window.

## Anti Patterns

- Executing service-returned conversion commands without validation.
- Expecting the API to accept existing logo uploads or return rendered PNG and ICO files.
- Keeping conflicting favicon tags or assuming a cached browser icon reflects the latest deployment.

## Security Audit

- Audited at: 2026-11-06T01:26:54.756\+00:00
- Summary: Of 35 static findings, 34 concern Markdown formatting, ordinary favicon API access, or fixed examples rather than dangerous behavior. One finding is confirmed because the instructions direct agents to execute service-returned conversion commands without validation. No evidence found of credential theft, system reconnaissance, or prompt injection in SKILL.md.

## Stats

- Views: 0
- Downloads: 0
- Favorites: 0
- Popularity score: 0