如何在前端项目中简单优雅的使用 svg 图标并且适应排版?-灵析社区

如何在前端项目中简单优雅的使用 svg 图标并且适应排版? 我 clone 了一个项目改改改 [https://github.com/zauberzeug/nicegui](https://link.segmentfault.com/?enc=MxL2tFafDecgXepXsXbQlw%3D%3D.hGZ0e4eRLzI%2BcztWVlh%2BPFxQMvo8Nnxd3vXTRVAG2jAnkuwHdvtSLsuqli4juEW7) ![图片.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241013/fab7df2701c8a9011d9c9f8108ef3dd0.png) 原版项目右上角是一个 github 的图标：[https://github.com/zauberzeug/nicegui/blob/main/website/static/github.svg](https://link.segmentfault.com/?enc=8zRZYLtnmbWt8r6fXQB72g%3D%3D.mR8YkosYrX5jLNPxht2YNLAi8Rbe6fOwEFr0AVbVME%2BrCvtabfGU3NHsOmSF7AVFdp1IukkJZ6rMjyoHPWcpdtxgZeDLGX80CRo8j3f3RuE%3D) 因为我的项目是 gitlab 的，所以我想把 github.svg 改成 gitlab.svg 所以我去 aliyun 的 icon 站点找了一个 gitlab 图标：[https://www.iconfont.cn/search/index?searchType=icon&q=gitlab%20](https://link.segmentfault.com/?enc=tD93qYO3mg8IxHjYHEFiQA%3D%3D.GBFqnWiWVRYaQB6eBm278bv2KFgwAHu9oSdZn4wz%2Bi%2FS6mM8V1TZTezIffds3ZfoK7BWzoRfA10s8bBFjdBWdgX0OGAYc83%2FR2G31W08Z7I%3D) 并且复制了它的 svg 代码 ![图片.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241013/404946e33053b82993808f5ca8f8fb39.png) 然后复制到我的项目中使用，但是这个 svg 图标变得非常的大！！！ ![图片.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241013/e8ba4d18afad1cb7a002d824c756f87f.png) 我只想简单优雅的使用，最好可以无脑自适应，要怎么做呢？