HatScripts
All flags

Flag customizer

Pick a country, tune the styling, then copy the CSS or grab the SVG. Everything runs in your browser.

Flag of Guyana

CSS

.flag-gy {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  border: 4px solid #111827;
  box-shadow: 0 6px 12px rgba(0,0,0,0.25);
  filter: saturate(100%);
  opacity: 1.00;
  background-image: url("/flags/gy.svg");
  background-size: cover;
}

HTML

<img src="/flags/gy.svg" alt="Flag of Guyana" class="flag-gy" width="160" height="160" />

Embed (self-contained)

<img
  src="/flags/gy.svg"
  alt="Flag of Guyana"
  width="160" height="160"
  style="width:160px;height:160px;border-radius:50%;border:4px solid #111827;box-shadow:0 6px 12px rgba(0,0,0,0.25);filter:saturate(100%);opacity:1.00;object-fit:cover" />