小米LOGO,用CSS绘制。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>小米LOGO</title>
<style>
.icon-mi {display: flex;align-items: center;justify-content: center;width: 55px;height: 55px;background: rgb(255,103,0);}
.mi{position: relative;width: 13px;height: 16px;transform: translateX(-0.3em);border: 5px solid #FFF;border-bottom: none;border-radius: 0 7px 0 0;}
.mi::after{position: absolute;content: "";width: 5px;height: 21px;right: -13px;top:-5px;background-color: #FFF;}
.mi::before{position: absolute;content: "";width: 5px;height: 12px;left: 4px;bottom:0;background-color: #FFF;}
</style>
</head>
<body>
<a href="https://www.mi.com/" class="icon-mi"> <div class="mi"></div> </a>
</body>
</html>