⎠⎞MH-Studio⎠⎞ ⎠⎞MH-Studio⎠⎞
  • 首页
  • 我的开发
  • 资源分享
    • 软件程序
    • 手机APP
    • 学习课程
    • 建站源码
    • 其他资源
  • 工具中心
    • 创意工具
    • 效率工具
    • 辅助插件
    • 导航合集
  • 技术资讯
    • 技术应用
    • 福利线报
  • 闲言碎语
  • 首页
  • 我的开发
  • 资源分享
    • 软件程序
    • 手机APP
    • 学习课程
    • 建站源码
    • 其他资源
  • 工具中心
    • 创意工具
    • 效率工具
    • 辅助插件
    • 导航合集
  • 技术资讯
    • 技术应用
    • 福利线报
  • 闲言碎语
  • VIP视频
网站首页 › 技术资讯 › 尽量在网页中使用SVG图标
#技巧 #HTML #网站

尽量在网页中使用SVG图标

8年前 (2015-01-13)
3631 0 0

Font Icon 越来越流行,若是你只需要使用很少的一部分图标,且你并不想引入庞大的字体文件,SVG 图标是你的不二选择。使用 SVG 图标同样很简单,仅需添加相应的图标代码即可。比如以下代码可以添加一个“人形”的图标,你可以修改width和height字段来控制图标的大小。


<svg width="42" height="42" viewbox="0 0 512 512"><path d="M 480.00,96.00L 480.00,64.00L 256.00,128.00L 32.00,64.00L 32.00,96.00L 192.00,160.00L 192.00,288.00L 128.00,512.00L 160.00,512.00L 256.00,288.00L 352.00,512.00L 384.00,512.00L 320.00,288.00L 320.00,160.00 zM 208.00,48.00A48.00,48.00 12600.00 1,0 304.00,48A48.00,48.00 12600.00 1,0 208.00,48z"></path></svg>

项目地址:https://github.com/mastermay/freeSVG

演示地址:http://mastermay.github.io/freeSVG/


0 0 赞赏
Mengx
相关文章
怎么追回在微信上被骗的钱?试试这招
2020年支付宝集五福隐藏福卡
免资料开通支付宝当面付
淘宝双十一合伙人店铺自动签到得喵币方法
抖音企业认证限免活动,立省600元
评论 (0)
再想想
凣高先生 博主
求知若饥,虚心若愚。[Stay Hungry, Stay Foolish.]
176 文章 644 评论 35 微语
最新文章
关于PC微信朋友圈信息的自动采集
7个月前 (01-12)
最新手机通过微信wxid加微信好友教程
11个月前 (09-06)
微博批量采集下载工具[V1.0.5](2022.05.23)
1年前 (2021-06-01)
微商相册批量转发下载工具[V1.7.2](2022.07.03)
1年前 (2021-03-28)
朋友圈采集备份工具[V4.0.3](2022.07.20)
1年前 (2021-03-05)
热门文章
朋友圈采集备份工具[V4.0.3](2022.07.20)
软件APP蓝奏云网盘更新下载合集
磁力链接BT种子电驴搜索下载网站合集
推荐|俄罗斯无限制搜索引擎——Yandex
漫画APP网站在线观看合集
  • 博文专题
  • |
  • 文章归档
  • |
  • 标签页面
  • |
  • 关于博主
  • |
  • 留言板
  • |
  • 友情链接
Copyright © 2020 ⎠⎞MH-Studio⎠⎞. Designed by MH-Studio. | 站点地图 | 粤ICP备14091663号-1 | Sitemap |