Skip to content

Instantly share code, notes, and snippets.

@johnlindquist

johnlindquist/background.svg

Created September 16, 2024 17:17
Show Gist options
  • Save johnlindquist/d66f1f2a7c43c0a72a475026a07a3af7 to your computer and use it in GitHub Desktop.
Save johnlindquist/d66f1f2a7c43c0a72a475026a07a3af7 to your computer and use it in GitHub Desktop.
Download ZIP
Display the source blob
Display the rendered blob
Raw
background.svg
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200">
<defs>
<pattern id="hexagonPattern" x="0" y="0" width="60" height="104" patternUnits="userSpaceOnUse">
<path d="M30 0L60 18V54L30 72L0 54V18Z" fill="none" stroke="#f0f4f8" stroke-width="1"/>
<path d="M30 104L60 86V50L30 32L0 50V86Z" fill="none" stroke="#f0f4f8" stroke-width="1"/>
</pattern>
</defs>
<rect width="100%" height="100%" fill="#f8fafc" />
<rect width="100%" height="100%" fill="url(#hexagonPattern)" />
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment