0013. 绘制【扫码】图标

• 1. 🔗 iconfont 图标库
• 2. 💻 demos.1 - 绘制扫码图标

• svg 经常被用来设计一些图标，一些非常简单的可以直接手写，不过更多时候还是使用设计软件制作。
• 在学习 svg 的过程中，可以自己找几个简单的图标来自行练习一下。
• 示例中绘制的扫码图标，使用的是 <path> 绘制直线的相关知识来实现的。
• 能够看懂代码就行。实现方式不唯一，做法有很多种，比如一条条地绘制 <line> 也行。

1. 🔗 iconfont 图标库

• https://www.iconfont.cn/
  • 这是阿里推出的 iconfont 图标库。
• iconfont 扫码图标
  • 在线搜【扫码】，仿照其中的扫码图标的效果，自己使用 .svg 来实现。
  • 

2. 💻 demos.1 - 绘制扫码图标

<svg style="margin: 3rem;" width="500px" height="500px" viewBox="0 0 120 120" xmlns="http://www.w3.org/2000/svg">
  <!-- 扫码 -->
  <!-- 示例中绘制的扫码图标，使用的是 <path> 绘制直线的相关知识来实现的。 -->
  <!-- 能够看懂代码就行。实现方式不唯一，做法有很多种，比如一条条地绘制 <line> 也行。 -->
  <path d="M 40 35 V 30 H 45 M 55 30 H 60 V 35 M 60 45 V 50 H 55 M 45 50 H 40 V 45 M 40 40 H 60" fill="none"
    stroke="gray" stroke-width=".5" />
</svg>