Skip to content

Instantly share code, notes, and snippets.

@ihorduchenko

ihorduchenko/square-circle-substracts.html

Created October 5, 2023 10:08
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 ihorduchenko/b9c9861872d91b5f9ab811fa8043c229 to your computer and use it in GitHub Desktop.
Save ihorduchenko/b9c9861872d91b5f9ab811fa8043c229 to your computer and use it in GitHub Desktop.
Download ZIP
A square cut by a sector of a circle (outer and inner parts)
Raw
square-circle-substracts.html
<!-- Outer part or a circle -->
<svg width="100" height="100" viewBox="0 0 215 215" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M214.5 214.5H0V0C0 118.465 96.0349 214.5 214.5 214.5Z" fill="black"/>
</svg>
<!-- Inner part of a circle (sector) -->
<svg height="100" width="100" viewBox="0 0 512 512" fill="#000" xmlns="http://www.w3.org/2000/svg">
<path d="M0,0v512h512C512,229.2,282.8,0,0,0z"/>
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment