Skip to content

Instantly share code, notes, and snippets.

@vonqo

vonqo/checkin_logo.html

Created August 20, 2020 03:54
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save vonqo/62fecf6e969bd532d46cad190e7d0b29 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save vonqo/62fecf6e969bd532d46cad190e7d0b29 to your computer and use it in GitHub Desktop.
Download ZIP
Checkin Logo
Raw
checkin_logo.html
<html>
<head>
<title>Checkin Logo</title>
<meta author="maaraa">
<style>
body {
background-color: white;
}
#parent{
position: absolute;
top: 50px;
left: 50px;
display: flex;
}
#outer-circle {
width: 500px;
height: 500px;
border-radius: 250px;
background-image: linear-gradient(-45deg, #2A94D6, #344A5F);
display: flex;
align-items: center;
justify-content: center;
}
#inner-circle {
width: 360px;
height: 360px;
border-radius: 220px;
background-color: white;
}
#check {
margin-top: -85px;
margin-left: -80px;
}
</style>
</head>
<body>
<div id="parent">
<div id="outer-circle">
<div id="inner-circle">
<div id="check">
<svg id="Capa_1" enable-background="new 0 0 512 512" height="512" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg">
<g>
<path d="m512 154.352-49.532-49.532-49.532 49.531-203.292 104.237-61.05-61.05-49.532 49.532 51.046 61.047 59.535 49.534 49.529 49.529z" fill="#344A5F"/>
<path d="m412.938 154.352-49.532-49.532-203.296 203.295-110.577-110.577-49.533 49.532 160.11 160.11z" fill="#2A94D6"/>
</g>
</svg>
</div>
</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment