Design & Assets

Favicon Generator

Create a simple SVG favicon from initials and brand colors.

Input

Favicon Generator

faviconsvggeneratorbranding

Output

SVG favicon

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
  <rect width="64" height="64" rx="18" fill="#143d2f" />
  <text x="32" y="37" text-anchor="middle" font-family="Arial, sans-serif" font-size="24" font-weight="700" fill="#fff8ea">TD</text>
</svg>

Favicon preview

Related tools

Color Converter

Convert between HEX, RGB, and HSL color formats.

CSS Gradient Generator

Generate a linear gradient and copy the CSS instantly.

SVG Optimizer

Strip comments and collapse whitespace in SVG markup.

CSS Minifier

Minify CSS by removing comments and extra whitespace.

CSS Formatter

Pretty-print CSS with readable indentation.

SVG to Data URI

Convert SVG markup into a CSS-ready data URI.