Skip to content

Instantly share code, notes, and snippets.

@hbisneto
Created July 31, 2023 02:11
Show Gist options
  • Save hbisneto/b01af2434cdb8a49881d6640e97223fe to your computer and use it in GitHub Desktop.
Save hbisneto/b01af2434cdb8a49881d6640e97223fe to your computer and use it in GitHub Desktop.
MacInfo: Brand New MacInfo App Icon
Display the source blob
Display the rendered blob
Raw
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
<!DOCTYPE html>
<html>
<head>
<title>MacInfo</title>
<style>
.container {
background-color: #000;
border-radius: 20%;
margin: 25px;
width: 1024px;
height: 1024px;
display: flex;
justify-content: center;
align-items: center;
}
.child {
background-image: linear-gradient(#19e3ff, #1e54ee);
border-radius: 20%;
width: 924px;
height: 924px;
}
.apple-logo{
text-align: center;
color: white;
background-color: black;
margin: 935px 200px 10px 200px;
}
</style>
</head>
<body>
<div class="container">
<div class="child">
<div class="apple-logo">
<img width="24px" src="apple_icon.svg"></img>
</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment