svg标签

    <svg t="1591684540799" class="icon" viewBox="0 0 1024 1024" version="1.1"
     xmlns="http://www.w3.org/2000/svg" p-id="975" width="32" height="32">
    	<path  d="M980.224 965.76l-473.6-162.944-473.6 162.944V70.912h947.2v894.848z m-473.6-244.224l396.8 136.576v-710.4h-793.6v710.4l396.8-136.576z"  p-id="976" fill="#e6e6e6">
    	</path>
    	<path d="M658.176 669.568L520.448 596.48l-138.88 71.168 27.008-153.856-110.464-108.8 154.496-22.016 71.168-139.008 67.712 140.544 154.496 23.808-113.536 108.416 25.728 152.832zM520.832 538.752l69.76 36.992-12.928-77.44 57.984-55.424-78.464-12.032-34.688-71.936-36.352 70.912-78.464 11.264 55.936 55.04-13.952 79.104 71.168-36.48z" p-id="977" fill="#f90">		  </path>
    </svg>

效果图

path选择器里属性有：

d属性用来定义路径数据
stroke：描边颜色
stroke-width:描边宽度
fill：填充颜色
stroke-dasharray:间隔多少像素绘制一次
stroke-dashoffset:每次绘制偏离多少，必须配合stroke-dasharray使用

d属性参数有：

M = moveto(M X,Y) ：将画笔移动到指定的坐标位置
L = lineto(L X,Y) ：画直线到指定的坐标位置
H = horizontal lineto(H X)：画水平线到指定的X坐标位置
V = vertical lineto(V Y)：画垂直线到指定的Y坐标位置
C = curveto(C X1,Y1,X2,Y2,ENDX,ENDY)：三次贝赛曲线
S = smooth curveto(S X2,Y2,ENDX,ENDY)：平滑曲率
Q = quadratic Belzier curve(Q X,Y,ENDX,ENDY)：二次贝赛曲线
T = smooth quadratic Belzier curveto(T ENDX,ENDY)：映射
A = elliptical Arc(A RX,RY,XROTATION,FLAG1,FLAG2,X,Y)： 椭圆弧
Z = closepath()：关闭路径

elliptical Arc椭圆弧的记录如下：

指令：A (绝对) a (相对)
椭圆弧的参数形式：(rx ry x-axis-rotation large-arc-flag sweep-flag x y)
详解参数：rx ry 是椭圆的两个半轴的长度。
x-axis-rotation 是椭圆相对于坐标系的旋转角度，角度数而非弧度数。
large-arc-flag 是标记绘制大弧(1)还是小弧(0)部分。
sweep-flag 是标记向顺时针(1)还是逆时针(0)方向绘制。
x y 是圆弧终点的坐标。

<div style="width:150px;height:150px;">
    <svg viewBox="0 0 100 100">
        <path d="M 50 50 m 0 -45 a 45 45 0 1 1 0 90" stroke-width="9.8" 
        stroke="#20a0ff" fill="none" stroke-linecap="round" />
        <path d="M 50 50 m 0 45 a 45 45 0 1 1 0 -90" stroke-width="9.8" 
        stroke="#20a0ff" fill="none" stroke-linecap="round" />
    </svg>
</div>