html中使用svg标签展示icon

在html中使用icon，不想下载图标的资源，如果使用base64图片会不清晰，svg是最佳选择

<style>.informationImg {width: 80px;color: #10aeff;}
</style><svg class="informationImg" viewBox="0 0 24 24"><pathfill="currentColor"d="M13,9H11V7H13M13,17H11V11H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z"/>
</svg>

html中使用svg标签展示icon相关推荐

学习踩坑：在Vue项目中使用svg标签却无法改变图标的颜色
在Vue项目中使用svg标签却无法改变图标的颜色在学习 vue 实战项目的过程中,用到了 svg 模块,对其使用了 fill 属性后,图标的颜色却没有任何的改变,反复查看了视频,步骤是一模一样的,却 ...
用js在页面中创建svg标签不显示的问题
问题描述直接在页面写入SVG,图形正常可以显示, 但是使用js动态创建SVG,添加入DOM节点,页面无法显示SVG图形原因 SVG是基于XML格式定义图像的一种技术,因此创建节点的时候,需要指定命 ...
html中%3csvg%3e标签的使用,微信小程序：使用svg
先确定一点,微信小程序中使用svg标签,并不会像沃恩在html中使用一样,因为小程序并不会认可'svg'这个标签,所以我们要讨论的,是微信小程序中怎么使用svg, 先备注一点:为啥使用svg?这个没有 ...
vue项目 - svg格式的icon图标无法显示颜色
前言在项目中遇到svg格式的icon图标无法显示颜色,这个问题.尝试过很多方法,最后发现不是代码的问题,而是iconfont图标库中没有配置好. 1. 发现问题如下当点击菜单选项时,icon和文字 ...
React中使用pre标签
React中使用pre标签--note1 pre标签------简单理解 HTML中的pre标签定义与用法: JSON格式数据转换字符串格式 JSON.stringify() JSON.parse() ...
使用SVG中的Symbol元素制作Icon
前言随着大屏幕分辨率的普及以及各种移动设备层出不穷的移动互联网时代的到来,我们在网站设计时更应该关心内容在各种设备上的阅读性和显示效果.我们都希望能在任何时间,任何设备上都能清楚的,高效的传递信息给 ...
html svg标签中插入img image标签不显示的问题
svg标签中插入img image标签(图片)不显示的问题 1 问题: 在使用svg画图中想要使用img标签插入图片,可以图片不显示  <div cla ...
前端展示中实现批量标签动态生成
前端展示中实现批量标签动态生成使用过报表的小伙伴,经常会有条码打印.标签打印的需求,一两个标签还好处理,但很多时候我们可能需要的是几十.上百个内容的批量打印,如下图所示: 今天我们就来为大家介绍,如 ...
SVG中插入HTML标签
在SVG中插入HTML标签需求背景: 设计想要在SVG绘图中做折行打点出省略号的功能,先前的代码需要在IE环境下运行,使用JS函数进行分割替换打点,然后还要手动定位,很是麻烦,不过当时的样式不是很复 ...

html中使用svg标签展示icon

html中使用svg标签展示icon相关推荐

最新文章

热门文章