当前第2页 返回上一页
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 | <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
.icon{
width:32px;
height:32px;
fill:red;
}
</style>
</head>
<body>
<svg class="icon">
<use xlink:href="/assets/svg-symbols.svg#boat"></use>
</svg>
</body>
</html>
|
相关文章推荐：
SVG画图功能：svg实现画出一朵花（附代码）
元素的使用及marker属性的介绍">svg中<marker>元素的使用及marker属性的介绍
以上就是svg中的symbol如何制作icon的详细内容，更多文章请关注木庄网络博客！
返回前面的内容
相关阅读 >>
css怎么显示SVG图片
利用gulp实现压缩的实例
html5中canvas与SVG有什么区别
SVG是什么？SVG常用的方法（附代码）
如何在html5中使用SVG
canvas与SVG的区别有什么？canvas和SVG的区别比较
html5实战-SVG的详解
在react中使用SVG的各种方法总结（附代码）
react中如何优雅的使用SVG
SVG中<marker>元素的使用及marker属性的介绍
更多相关阅读请进入《SVG》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » svg中的symbol如何制作icon
