Skip to main content

个人头像

· 3 min read

我的个人头像代码。

说明

  1. 头像整体为 1000×10001000\times 1000 像素,划分为 5×55\times 5200×200200\times 200 像素色块。
  2. 颜色分别为绿色(G,37A93C\textcolor{37A93C}{37A93C})、黄色(Y,FFC107\textcolor{FFC107}{FFC107})、红色(R,F44336\textcolor{F44336}{F44336})、蓝色(B,2196F3\textcolor{2196F3}{2196F3})、白色(W,FFFFFF\textcolor{FFFFFF}{FFFFFF})、黑色(K,000000\textcolor{000000}{000000}
  3. 中心色块为白底黑字的 L 形图案:上下各留白 2020 像素,左右各留白 4040 像素;中间为 120×160120\times 160 的黑色区域,其中右上角 80×12080\times 120 为白色。
GYGYR
RBYYR
BGWRB
RGRYG
GGYBR

代码

logo.svg
<svg xmlns="http://www.w3.org/2000/svg" width="1000" height="1000" viewBox="0 0 1000 1000">
<style>.R{fill:#F44336;}.Y{fill:#FFC107;}.B{fill:#2196F3;}.G{fill:#37A93C;}.W{fill:#FFFFFF;}.K{fill:#000000;}</style>
<rect class="G" x="0" y="0" width="200" height="200" />
<rect class="Y" x="200" y="0" width="200" height="200" />
<rect class="G" x="400" y="0" width="200" height="200" />
<rect class="Y" x="600" y="0" width="200" height="200" />
<rect class="R" x="800" y="0" width="200" height="200" />
<rect class="R" x="0" y="200" width="200" height="200" />
<rect class="B" x="200" y="200" width="200" height="200" />
<rect class="Y" x="400" y="200" width="200" height="200" />
<rect class="Y" x="600" y="200" width="200" height="200" />
<rect class="R" x="800" y="200" width="200" height="200" />
<rect class="B" x="0" y="400" width="200" height="200" />
<rect class="G" x="200" y="400" width="200" height="200" />
<rect class="W" x="400" y="400" width="200" height="200" />
<rect class="R" x="600" y="400" width="200" height="200" />
<rect class="B" x="800" y="400" width="200" height="200" />
<rect class="R" x="0" y="600" width="200" height="200" />
<rect class="G" x="200" y="600" width="200" height="200" />
<rect class="R" x="400" y="600" width="200" height="200" />
<rect class="Y" x="600" y="600" width="200" height="200" />
<rect class="G" x="800" y="600" width="200" height="200" />
<rect class="G" x="0" y="800" width="200" height="200" />
<rect class="G" x="200" y="800" width="200" height="200" />
<rect class="Y" x="400" y="800" width="200" height="200" />
<rect class="B" x="600" y="800" width="200" height="200" />
<rect class="R" x="800" y="800" width="200" height="200" />
<rect class="K" x="440" y="420" width="40" height="120" />
<rect class="K" x="440" y="540" width="120" height="40" />
</svg>