- 综合排序
- 最热优先
- 最新优先
- 来自专栏Android知识点总结
Flutter 文本解读 9 | 打造 Icon 图标字体创建工具
前情简介 上一节写了一个小工具，通过 icon_builder.dart 来自动生成对应图标相关的 dart 文件。这样我们从引用自定义的图标只需要： 下载 -> 拷贝-> 生成。 ? 再比如说，多个字体图标文件怎么办，如何能更方便地支持多图标字体。 在 [ pubspec.yaml ] 中自动对 fonts: 节点进行字体图标配置 3. 如果已存在 该字体图标配置 ，则不处理 ? 这样可以提取一个 buildAnIconFont 方法用于构建一个 字体图标 文件。 ? 1.多图标字体分析 其实在图标网站可以通过项目 来管理图标，一般一个项目一个图标文件就够了。
1.1K20发布于 2021-01-27 - 来自专栏傲绝
阿里图标库引入图标
文章引入 比wordpress默认图表库的图标好看多的 默认图标库的图标一般都是灰白色简直难看死了哈哈 今天分享给大家如何插入阿里图标库的彩色图标 阿里图标库有什么好处呢 插入方便 图标样式多 彩色图标应有尽有 反正你用都用不完 重点还永久免费使用 引入方法 第一步：阿里巴巴矢量图标库官网 —> Github或者新浪微博登录 第二步：然后自己通过搜索框找到自己喜爱的图标并添加至购物车 —> 添加至项目 //没有项目的自己新建项目 :(下面src=”这里是上面的JS代码，自行替换”) <script src="//at.alicdn.com/t/font_2931246_we7ddtq72go.js"> </script> 使用图标 在已经添加到你项目中查找图标并复制图标代码，然后按照下面的格式替换href="#iconxxx"中的图标代码，将代码插入到你需要显示图标的地方！ <svg class="icon" aria-hidden="true"><use xlink:href="#iconxxx"></use> </svg> 还是按照在导航菜单中添加图标为例： 最后我们看看效果吧
3.7K30编辑于 2023-03-13 实心图标与空心图标的区别
实心图标与空心图标的区别 有读者说，面试的时候面试官提到了一个问题，但不知道怎么回答。这个问题是：实心图标和空心图标的区别是什么？ 本篇文章的结论： 人的大脑在识别空心图标时，会比实心图标更显吃力； 实心图标的引导性要强于空心图标； 空心图标的装饰性会更强； 实心图标承载的信息相对更重，参考选中状态。 01. 实验的内容是将一组相同图标，分为实心和空心，给用户做测试。结论是相同一组图标，用户平均识别实心图标的速度比识别空心图标的速度要快上 0.1 秒，但是其中有个别空心图标的识别速度比实心图标更快一些。 所以第二个结论是，实心图标比空心图标更有引导性。 03. 或许有人会问，那空心图标就没用了么？不是的。其实上面有提到，空心图标相比实心图标更难识别，那么人就需要调动更多神经来对空心图标进行确认。 我只是在这里用这个例子来说明，空心图标的引导性没有实心图标强，所以更多会被用来当做装饰品。而当空心图标与实心图标同时出现，并表达同一类信息时，它们就是一种信息的两种状态，比如选中与未选中。
1.3K10编辑于 2024-03-12- 来自专栏h5学习笔记
字体图标
我们后面会学习移动端响应式，很多情况下希望我们的图标是可以缩放的。此时，一个非常重要的技术出现了， 这就是字体图标（iconfont). 字体图标使用流程 总体来说，字体图标按照如下流程： ? 设计字体图标 UI设计人员在 illustrator 或 Sketch 这类矢量图形软件里创建 icon图标， 比如下图： ? 可以使用AI制作图标上传生成。 自带了200多个图标。 如果工作中，原来的字体图标不够用了，我们需要添加新的字体图标，但是原来的不能删除，继续使用，此时我们需要这样做 把压缩包里面的selection.json 从新上传，然后，选中自己想要新的图标，从新下载压缩包
4.8K20发布于 2020-09-30 - 来自专栏cwl_Java
前端基础-CSS网站图标和字体图标
网站图标和字体图标 1.网站图标 作用：一个好的ico图标可以加深用户对于网站的记忆。降低用户记忆成本，就好像现在说道熊爪大家都能够想到度娘，更多的属于用户体验。有利于识别当前窗口是在哪个网站。 ="favicon.ico" /> 例： 生成ico图标 示意图 ? 使用流程： （1）打开网上的图标库，网址：http://www.iconfont.cn/，搜索需要的图标，或者打开图标库 （2）将需要的图标加入购物车 （3）打开购物车添加至自己的项目（没有的需要自己创建 ），点击确定 （4）下载至本地 （5）在html中引入下载好的css文件 （6）在标签中使用（需要两个类名，一个图标类型，一个图标名称） 例： 示意图 ? 将需要的图标加入购物车 示意图 ? 在购物车中将图标添加至项目 示意图 ? 有项目就选择，没有就新建 示意图 ? 下载至本地 示意图 ?
6.6K40发布于 2020-04-07 - 来自专栏c#学习笔记
信号图标
类视图**和对象浏览器显示表示代码实体的图标，例如命名空间、类、函数和变量。下表演示并描述了这些图标。 图标 描述 图标 描述 Namespace(命名空间) 方法或函数 类 算子 接口 财产（属性） 结构 字段或变量 联盟 事件 枚举 不断 类型防御 Enum 项目 模块 地图项目 扩展方法 外部声明 委托 错误 例外 模板（泛型） 地图 未知 类型转发 信号图标 以下信号图标适用于之前的所有图标，并指示其可访问性。 如果项目包含在源代码管理数据库中，可能会显示其他信号图标以指示源代码管理状态，例如签入或签出。 图标 描述 <无信号图标> 公共。可从此组件中的任意位置以及引用它的任何组件访问。 保护。
2.6K31发布于 2020-12-01 - 来自专栏计算机图形学 前端可视化 WebGL
大屏可视化之番外篇图标图表制作 图标1图标2图标3图标4，5图表总结
在很多可视化项目中，会用到不少的小图标或者简单的chart图表之类的。 实际项目开发中，往往是让设计人员把相关的图标做成矢量图或者位图，交给开发人员，开发人员直接使用到实际的项目中去。 二是，通过代码生成的图标，可以通过配置属性来实现不同的风格，甚至可以做类似一键皮肤更换的效果 三是，通过代码生成的图标，可以实现动态的效果，实时数据驱动动效。 当然，代码生成的缺点是，不是什么图标都可以通过代码来实现，特别是一些特别丰富效果的图标，代码实现的难度挺大。 因此，需要根据实际情况，选择最适合的解放方案，不可一概而论。 图元编辑功能，可以通过配置实现代码生成图标的效果。 下面，我们示意一些图标的制作。 图标1 ? 上面这个图标，外面几个部分都是圆形和圆环，都是比较容易制作的，比较难的是中间的一个类似温度计的部分。 加上圆形 圆环等，即可得到下面的图标： ? 图标3 如下的图标： ? 和前面的图标一样，只需要看看中间的线段部分如何绘制即可。要绘制线段，可以使用连接体中的连线： ?
3.7K30发布于 2020-05-12 - 来自专栏网络收集
图标小结
数据 显示位置dataZoomtype xAxisIndex yAxisIndex start end缩放块类型 x轴索引 y轴索引 初始值 结束值9、
2.5K10编辑于 2022-06-16 - 来自专栏腾讯社交用户体验设计
［ISUX译］iOS 9 人机界面指南(五)：图标与图形设计 - 腾讯ISUX
文章索引 5.1 图标与图像尺寸(Icon and Image Sizes) 5.2 应用图标(App Icon) 5.2.1 文档图标(Document Icons) 5.2.2 用于Spotlight 和设置的图标(Spotlight and Settings Icons) 5.3 启动画面(Launch Files) 5.4 模板图标(Template Icons) 5.5 网页图标(Web Clip 太多的细节会令图标看起来过于草率且识别度低。 不容易与系统图标混淆。用户应该一眼就在你的图标和系统图标中区分出来 。 易于理解并被广泛接受。尝试创造多数用户都能正确理解的标志，并不让它们感到攻击性。 无论你是只使用自己设计的图标，或者是与系统标准图标混用，所有你的app中出现的图标都应该看起来属于同一种风格：它们看起来拥有同样的尺寸、细节精度以及视觉权重。 注明出处格式：腾讯ISUX (https://isux.tencent.com/ios9-guideline-ch5.html)
2.3K31发布于 2018-06-29 - 来自专栏CSDN博客专家-小蓝枣的博客
Windows图标显示异常解决方法。桌面图标异常，开始菜单图标异常，任务栏图标异常。图标缓存位置。
用着用着，图标就突然显示异常，变成这个样子了。 其实就是图标缓存出问题了。 ? 解决办法： 在C:\Users\Administrator\AppData\Local里有个IconCache.db图标缓存，它是隐身的。 一般图标出现异常就是这个缓存的问题了，我们把这个删掉，之后重启后会自动重新生成新的，然后就好了。 把windows显示比例调一下，重启后好了的原理也是这个被重新加载了。 注： 如果任务栏还有图标异常的，先把程序从任务栏解锁，然后再添加到任务栏就好了。 ?
6.5K30发布于 2020-09-23 - 来自专栏祥的专栏
设置窗口图标和EXE应用程序图标
转载请注明：转载自 祥的博客 原文链接：https://blog.csdn.net/humanking7/article/details/85233449 ---- 文章目录 @[toc] 设置窗口图标 Step1 Step2 设置EXE图标 Step1 Step2 设置窗口图标 Step1 添加图片资源到qt的qrc文件（qt资源文件）中，可以用自带的Qt Resource Editor编辑，也可以直接用文本编辑 setWindowIcon(QIcon(":icon/hsq_128.ico"));//图标-哈士奇诡异的笑容 // ... } ? 设置EXE图标 但是上述改动却不会改变EXE的图标，按照qt助手提供的方法，可以进行实现。 ? 对于Linux和OS X的图标，qt助手也有介绍。 Step2 将res.rc文件加入工程，对于VS而言特别方便，如果用Qt Creator就照着帮助，加入.pro文件即可。 然后编译，OK。 ?
12.5K41发布于 2020-03-10 - 来自专栏ClearSeve
WinAPI 设置左上角图标和TAB图标
在WM_CREATE消息, 添加如下代码 HINSTANCE hInstance = ::GetModuleHandle(NULL); HICON hIcon = LoadIcon(hInstance, MAKEINTRESOURCE(IDI_SMALL)); if (hIcon) { ::SendMessage(GetHWND(), WM_SETICON, ICON_BIG, (LPARAM)hIcon); ::SendMessage(GetHWND(), WM_SETICON, ICON
1.8K10编辑于 2022-02-11 - 来自专栏笔记堡—柠檬酸冰冰
更改图标及favicon图标常用网站推荐
好的网站，值得推荐 ---- favicon图标库 https://www.iconfont.cn/ ---- 介绍: 阿里妈妈MUX倾力打造的矢量图标管理、交流平台。 设计师将图标上传到 iconfont 平台，用户可以自定义下载多种格式的icon，平台也可将图标转换为字体，便于前端工程师自由调整与调用。 ---- 总结 本次分享的网站是本站用于logo设计和favicon图标的，本站使用时无任何不适，感觉很好，设计都是免费的，为避免logo侵权请勿进行倒卖，转卖和商用。 Favicon图标:收藏夹图标就是出现在浏览器地址栏左侧的那个小图标。收藏夹图标，也作网站头像。
2.7K20编辑于 2023-03-04 - 来自专栏用户8739405的专栏
icon图标是什么？使用icon图标需注意什么？
开发者在日常编写网页的过程中会需要插入图标，但是有的图标尺寸过于小，如果将图标放大就会出现问题，导致图片失真等情况，这个时候就需要采用icon图标来插入，但是很多新手小白却不知道什么是icon图标。 下面具体来为大家说一说icon图标是什么，使用icon图标需要注意什么。 一、icon图标是什么？ icon图标属于图标的格式的一种，既可以用在电脑系统中，也可以使用在软件中，常见的软件图标以及电脑桌面上的那些图标，一般都是icon图标。 虽然说icon图标显示在不同的页面中，可以用不同风格来表示，但是在表示同一种功能的时候，最好用风格一致的图标来表示，这样能够降低用户的理解成本。 2、选择熟悉的icon图标。 如果仅仅通过图标无法表示的话，也可以适当增加文字。 icon图标有很多，网页建设者应当选择适当的icon图标，注意不要过于繁琐。
5.1K20发布于 2021-07-02 - 来自专栏coding个人笔记
字体图标iconfont
前端开发离不开图标，会有一部分直接使用图片引进，但是在性能上来说对用户体验不是很好。 字体图标：以字体文件的形式封装，并通过 CSS 的 @font-face 作为 Web Font 调用，达到简单图片的效果。 优点： 1、 轻量性，加载速度快，因为字体图标都非常小。 5、 可维护性，建立一个项目图标之后，可一直更新迭代。 缺点： 1、 与真正图片比起，效果不如图片。 2、 需要UI学习制作图标。 3、 不如图片那样容易重构。 字体图标使用不同公司项目要自己判断，这边推荐使用阿里字体图标： http://iconfont.cn/home/index 搜索需要的图标： ? 把想要的图标选中： ? 点击右上角： ? Symbol：支持多色图标了，不再受单色限制，兼容性较差，支持 ie9+,及现代浏览器。 浏览器渲染svg的性能一般，还不如png。
2.8K10发布于 2020-04-24 - 来自专栏sktj
bootstrap 字体图标
图标列表：https://www.runoob.com/try/demo_source/bootstrap3-glyph-icons.htm image.png glyphicon gyphicon-sort-by-attributes DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Bootstrap 实例 - 如何使用字形图标（Glyphicons）</title User </button> </body> </html> image.png menu 字体图标 DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>导航栏的字形图标</title> <meta name="viewport" text-shadow: black 5px 3px 3px;"> User </button> 字体图标参考
1.7K40编辑于 2022-01-10 - 来自专栏hrscy
Unity 图标字体
原文链接 这是一个关于在 unity 中从网络开发获取大量文件非常小的图标的简短提示。你所要做的就是打包所有你想在一种字体里使用的所有图标，那样你就可以这个图标作为文本保存到你的场景或是用户界面里了。 有许多服务可以构建图标字体，但是我喜欢 IcoMoon 提供的免费和付费的图标集以及易于使用的 app。 在下面这个页面，你可以选择图标来替换你想要替换的字符。默认情况下，他们是不会显示到编辑器里字符图标，但是如果你想的话，你仍然可以拷贝和粘贴它们。我可以很容易地使用字母来替换它们。 ? 现在你拥有它，你可以打包成许多免费的图标，并且还可以在你的项目里使用它，甚至你都可以非常便宜地获得一些更炫的图标。 确保你在 https://icomoon.io/app/#/select/library 上面检查了其他免费图标包，并找到了那些适合你项目的图标。
2.6K20发布于 2018-08-30 - 来自专栏码客
Electron托盘图标
Electron托盘图标 添加引用 const {app, Menu, Tray} = require("electron"); const path = require("path"); 设置托盘图标及菜单 tray.setToolTip('直播') tray.setContextMenu(contextMenu) tray.on('click', () => { //我们这里模拟桌面程序点击通知区图标实现打开关闭应用的功能 }) 不显示任务栏图标 win.setSkipTaskbar(true) 但是这样配置会导致任务栏会遮挡窗口，就算设置窗口置顶也没用，暂时没找到解决方法。 pop-up-menu"); 只设置simpleFullscreen: true,和homeWin.setAlwaysOnTop(true, "pop-up-menu");的话,虽然窗口全屏了，但是一点击任务栏上的图标 ，界面就隐藏了，所以一定要添加上 homeWin.setFullScreen(true); 可能你会说直接隐藏任务栏图标不就行了 homeWin.setSkipTaskbar(true) 但是这样配置会导致任务栏会遮挡窗口
3K10发布于 2021-02-23 - 来自专栏GuZhenYin
更换EasyUi图标
正文 其实我们引用EasyUI的时候就可以发现,除了要引用easyui.css还要加一个icon.css,这里面就是EasyUI的图标了,我们看看里面如图: ? 第二种高端大气无后患版:找到新的图标替代 我反正..选择了第二种.. ,我们选择Font-awesome3.2,这个图标集来替换, 为什么选择这个呢 1.他的3.2版本CSS开头也是.icon(4.0+版本换成了fa)方便我们替换 2.图标够多..完全够用 我们直接打开Font-awesome 这里替换一个作为范例: EasyUI中有一个叫.icon-add,我们发现图标是一个加号 我们在Font-awesome官网找到这个加号对应的样式名称: icon-plus 然后在Font-awesome 的CSS中搜索到他对应的context是:\f055 我们就在改.icon-add为如下代码: .icon-add:before{ content: "\f055"; } 这样我们就完成了一个图标的替换
4.5K80发布于 2018-01-04 - 来自专栏Guangdong Qi
iOS 各种图标
iOS icon是一件很头疼的事情 大致多少张呢，忘记了，下面开发者中心给的一个文档，自己捋捋有多少张 180934.jpg 幸亏不是自己画的，不然要骂姥姥，但是多数的UI是妹子啊，让人家做人家会说：
1.5K50发布于 2018-05-24
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号