Feather Sprite Social Icons

Problem

I wanted small, consistent social icons without pulling in an icon package or repeating SVG markup everywhere.

Approach

  • Added a single SVG sprite to public/svg/feather-sprite.svg.
  • Rendered icons via <use xlink:href="/svg/feather-sprite.svg#icon-id">.
  • Kept links accessible: aria-label, visible focus styles, and safe external rel attributes.

Result

  • One lightweight asset, no dependency churn, and consistent icon sizing.
  • Easy to add new icons by expanding the sprite.