Skip to content

Instantly share code, notes, and snippets.

@kocheck

kocheck/shapes.html

Created October 3, 2018 01:26
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save kocheck/97b1e8f94f30ca91a6e1863564359635 to your computer and use it in GitHub Desktop.
Save kocheck/97b1e8f94f30ca91a6e1863564359635 to your computer and use it in GitHub Desktop.
Download ZIP
Simple SVG shapes
Raw
shapes.html
<!-- Rectangle -->
<svg width="237" height="237" viewBox="0 0 237 237" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 0H237V237H0V0Z" fill="#C4C4C4"/>
</svg>
<!-- Circle -->
<svg width="186" height="186" viewBox="0 0 186 186" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M186 93C186 144.362 144.362 186 93 186C41.6375 186 0 144.362 0 93C0 41.6375 41.6375 0 93 0C144.362 0 186 41.6375 186 93Z" fill="#C4C4C4"/>
</svg>
<!-- Polygon -->
<svg width="272" height="236" viewBox="0 0 272 236" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M135.966 0L271.932 235.5H0L135.966 0Z" fill="#C4C4C4"/>
</svg>
<!-- Star -->
<svg width="300" height="285" viewBox="0 0 300 285" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M149.791 0L198.857 89.9673L299.583 108.83L229.181 183.295L242.368 284.92L149.791 240.975L57.2152 284.92L70.402 183.295L0 108.83L100.726 89.9673L149.791 0Z" fill="#C4C4C4"/>
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment