Skip to content

Instantly share code, notes, and snippets.

@AllanOricil
Last active October 6, 2024 02:11
Show Gist options
  • Save AllanOricil/84412df273de46b28c5d6945b391afd4 to your computer and use it in GitHub Desktop.
Save AllanOricil/84412df273de46b28c5d6945b391afd4 to your computer and use it in GitHub Desktop.
Display the source blob
Display the rendered blob
Raw
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@AllanOricil
Copy link
Author

V1

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100"><script xmlns=""/><script xmlns=""/>
  <defs>
    <linearGradient id="outlineGradient" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" style="stop-color: #808080; stop-opacity: 1"/>
      <stop offset="100%" style="stop-color: #404040; stop-opacity: 1"/>
    </linearGradient>
    <linearGradient id="hexagonGradient" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" style="stop-color: #A80000; stop-opacity: 1"/>
      <stop offset="100%" style="stop-color: #4B0000; stop-opacity: 1"/>
    </linearGradient>
    <linearGradient id="lightningGradient" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" style="stop-color: #ffffff; stop-opacity: 1"/>
      <stop offset="100%" style="stop-color: #e0e0e0; stop-opacity: 1"/>
    </linearGradient>
  </defs>
  <polygon points="50,2 98,25 98,75 50,98 2,75 2,25" stroke="url(#outlineGradient)" stroke-width="4" fill="url(#hexagonGradient)"/>
  <path d="M33 0l19.7972 39.4574-28.5022-11.1184L74 98 51.0608 49.3054 71 56Z" fill="url(#lightningGradient)" stroke="none"/>
<script xmlns=""/></svg>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment