对于经常刷github的小伙伴来说，这种图标确实太常见了，下面就介绍下怎么定制自己独具一格的图标
在这里插入图片描述
-
如：Vue 上的图标
在这里插入图片描述
在这里插入图片描述 -
F12 查看 Vue 上的图标，发现图片指向一个地址
在这里插入图片描述 -
https://img.shields.io/npm/v/vue.svg?sanitize=true，这就是上面
npm上的图标
在这里插入图片描述 - 所以，找到这个网站主页：https://shields.io/
- 这其实就是一个设计图标的网站，下面就演示下我设计一个图标的大致过程
-
打开官网主页，直接填充好文字和信息，以及图标的颜色
在这里插入图片描述 -
填好，最后点击生成即可
在这里插入图片描述 -
一个独具一格的图标就设计好了
在这里插入图片描述 - 把图标直接下载到本地后，上传到自己的github上的项目上就行了，或者直接复制这个图标的地址也行
- 官网还有其他设计的过程，感兴趣的小伙伴可以研究下
