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
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100"><script xmlns=""/><script xmlns=""/><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="91.3157,26.163545 91.30161,73.844585 49.98,97.68 8.69840,73.84513 8.6847892,26.162727 49.98,2.32" stroke="url(#outlineGradient)" stroke-width="4" stroke-alignment="inner" 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=""/><script xmlns=""/></svg>
@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