SOURCE

console 命令行工具 X clear

                    
>
console
<div class="avatar">
    <svg view-box="0 0 1024 1024" width="100%" height="100%">
          <text x="50%" y="50%" dy="0.3em" text-anchor="middle">test</text>
    </svg>
</div>
.avatar{
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
    overflow: hidden;
    background-color: #2C3E59;
    display: flex;
    justify-content: center;
    align-items: center;
    svg{
            width: 100%;
            height: 100%;
            text-anchor: middle;
            dominant-baseline: middle;
            color: #fff;
            fill: currentColor;
            font-size: 280px;
    }
}