Skip to content

Instantly share code, notes, and snippets.

@tallysmartins

tallysmartins/icon.html

Last active July 31, 2020 04: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 tallysmartins/3048946388cd3b24db150d486d811689 to your computer and use it in GitHub Desktop.
Save tallysmartins/3048946388cd3b24db150d486d811689 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
icon.html
<html>
<head>
<style>
.square {
border-radius: 6px;
padding: 10px;
background: #A2A6A6;
width: 80px;
height: 80px;
}
.circle {
background: #CCCECF;
border-radius: 76px;
width: inherit;
height: inherit;
}
.circle:after {
position: absolute;
content: "";
height: 15px;
width: 15px;
border-top: 3px solid #807F93;
border-right: 3px solid #807F93;
border-radius: 2px;
transform: rotate(45deg);
top: 45px;
left: 45px;
}
</style>
</head>
<body>
<div class="square">
<div class="circle">
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment