用svg画一个微信订阅号的图标

最新推荐文章于 2023-11-20 15:00:00 发布

stack君

最新推荐文章于 2023-11-20 15:00:00 发布

阅读量359

点赞数

分类专栏：前端文章标签：前端

本文链接：https://blog.csdn.net/weixin_54362381/article/details/127668246

版权

前端专栏收录该内容

16 篇文章 0 订阅

订阅专栏

用svg画一个微信订阅号的图标
在这里插入图片描述

<!DOCTYPE html>
<html>
<body>

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
  <rect x="0" y="0" rx="10" ry="10" width="150" height="150" style="fill:#1677D2;stroke:black;stroke-width:0;opacity:1" />
  <rect x="35" y="30" rx="10" ry="10" width="80" height="90" style="fill:#fff;stroke:black;stroke-width:0;opacity:1" />
  <circle cx="104" cy="104" r="23" stroke="#1677D2" stroke-width="4" fill="#fff"/>
  <circle cx="50" cy="50" r="7" stroke="#fff" stroke-width="0" fill="#1677D2"/>
  <rect x="45" y="70" width="45" height="4" style="fill:#1677D2;stroke-width:0;stroke:rgb(0,0,0)"/>
  <rect x="45" y="80" width="30" height="4" style="fill:#1677D2;stroke-width:0;stroke:rgb(0,0,0)"/>
  <rect x="45" y="90" width="30" height="4" style="fill:#1677D2;stroke-width:0;stroke:rgb(0,0,0)"/>
  <polyline points="93,103 100,111 115,96" style="fill:none;stroke:#1677D2;stroke-width:4" />
</svg>

</body>
</html>