- 综合排序
- 最热优先
- 最新优先
- 来自专栏潇涧技术专栏
Ways to Use Icons on Android (1)
1.Material Design图标简介 Github网址：https://github.com/google/material-design-icons 内容介绍网址：http://google.github.io /material-design-icons/ Material Design图标分为了action、alert、file、notification、place等类型，每种类型下都有一定数量的图标，而且这些图标还按照平台的不同进行了整理
72320发布于 2018-08-01 - 来自专栏call_me_R
CSS 实现视频控件 icons
这是我参与「掘金日新计划 · 8 月更文挑战」的第21天，点击查看活动详情 在实现视频自定义控件的时候，需要一系列的 icons，这让我想到了某里的 iconfont 库。 但是当我打开了站点，准备下载我需要的 icons 的时候，一行文字引起了我的注意： 顺势打开 素材版权说明 ： 我默默地关闭了站点。 所以，上面实现的 icon 都是使用一个元素完成，比如减速的图标： 剩下的内容，我们都用伪元素进行完成 还是以减速的图标为例： .jimmy-custom-icons { width: 36px; height: 36px; position: relative; display: block icon-speed-down::before { left: calc(50% - 10px); } .icon-speed-down::after { left: 50%; } 咦，还不错哦，能够满足我们在简单的 icons
62110编辑于 2022-09-22 - 来自专栏潇涧技术专栏
Ways to Use Icons on Android (2)
如下图所示，我添加了两个Custom Icons，从Fontelico中选了6个图标，从Font Awesome中选了3个图标等，最终导出得到的图标字体文件就会包含这些我需要的图标。 ?
80010发布于 2018-08-01 - 来自专栏技术人生
flutter组件2【icons的使用】
一些视频使用的 3.交流对话使用 4.文章发布内容使用 5.硬件设备使用 6.文件夹和文件使用 7.导航和箭头使用 备注：在flutter中引用的时候，其中chat就是图片中icon下方的名称 Icon(Icons.chat
2.4K20发布于 2020-11-13 - 来自专栏IMWeb前端团队
如何在react中使用svg icons
该文介绍了如何在React组件中使用SVG图标。首先介绍了传统的使用方式，然后介绍了使用React组件的方式，最后通过一个名为`Mic`的组件示例展示了如何将SVG图标转换为React组件。通过使用Fis3插件，可以自动将SVG转换为React组件，从而简化了React项目中使用SVG的过程。
3.2K60发布于 2017-12-29 - 来自专栏IMWeb前端团队
如何在react中使用svg icons
首先，react是支持svg，所以使用svg是没有问题的，但是到目前为止(版本为v15.3.0)还不支持svg的use标签，所以打算使用svg symbol还是趁早放弃，以下为官方的svg支持标签：
1.9K20发布于 2019-12-04 - 来自专栏小狐狸说事
免费图标库-Flaticons-icons8
网站地址 https://www.flaticon.com/ icons8网站介绍 这个库也有大量图标，你可以自定义，也可以直接使用图标而无需下载。 网站地址 https://icons8.com/ 声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。
1K20编辑于 2022-11-17 - 来自专栏WordPress果酱
使用 Menu Icons 插件给 WordPress 菜单参加图标
一般我们需要编辑主题的 CSS 文件才能给菜单添加图标，今天就给大家介绍一款 WordPress 插件 Menu Icons，可以让你在 WordPress 后台就能给每个菜单指定一个图标，操作非常简单 安装好 Menu Icons 之后，在 WordPress 后台，外观 > 菜单 界面，我们就会看到页面的左边有一个新叫做 Menu Icons Setting 的窗体，它可以让我们选择用于菜单图标的图标集 点击上图中菜单项的“SELECT Icon”按钮，就会弹出一个选择窗，让你选择该菜单的图标： 下面就是设置好图标之后的效果： 下载：Menu Icons
1.4K30编辑于 2023-04-14 - 来自专栏WordPress果酱
快捷方便的 Font Icons 生成工具： Iconfont
快捷方便的 Font Icons 生成工具： Iconfont 那么生成这个字体文件就变成了第一个难题，因为我毕竟不是设计师，也不是字体开发者，我怎么来做这样的字体图标？
1.6K10编辑于 2023-04-14 - 来自专栏DeveWork
iOS Android 移动设备中的 Touch Icons
好了，结合Jeff 查阅的资料，下面来详细来说说iOS / Android 移动设备中的 touch icons。 关于 “Touch icons” favicons 知道是什么吧？ 而Touch icons 则是移动互联网的产物，用于手机、平板等移动设备上。 为你的网站添加个Touch icons 可以用类似下面的代码： <link rel="apple-touch-icon" href="apple-touch-icon.png"> 这个只是基础的演示代码 考虑到最大的兼容性，Chrome for Android 做了一定的牺牲，那就是，如果再你的网页上找不到上面的代码，就会向下兼容，跟随者苹果的设备支持的touch icons（类似一开头的代码）。 后记 上面的内容大部分是翻译http://mathiasbynens.be/notes/touch-icons 这篇e 文的，翻译的过程中加入了自己的理解。
2.8K60发布于 2018-01-19 - 来自专栏月亮与二进制
《iOS Human Interface Guidelines》——Template Icons模板图标
（查看Toolbar and Navigation Bar Buttons和Tab Bar Icons来学习更多关于你可以在栏中使用的标准按钮和图标的内容。）
87220发布于 2021-11-23 - 来自专栏TF签名
iOS开发 Icons, Launch Storyboards, Assets Catalog 修改编辑
从ios11开始，我们不能再像之前那样简单的打包图片资源文件放在项目里了。现在需要在项目的根目录创建asset目录（编译后生成Assets.car）
1.4K40发布于 2021-06-02 - 来自专栏iOS开发随笔
React Native安装react-native-vector-icons出现错
因为在react-native中无法直接引用各种各样的图标，还好已经有人做好了相关组件， react-native-vector-icons就是比较好用的，可以让你开发过程中使用各式各样的图标。 1、正常命令安装 $ npm install react-native-vector-icons --save $ sudo npm i rnpm@1.7.0 -g //安装rnpm,并锁定版本号为1.7.0 $ rnpm link react-native-vector-icons //连接 2、然而我安装出现了 ?
1.5K20发布于 2018-07-04 - 来自专栏埋名
创建 macOS 操作系统的 App 图标文件 icons
的文件夹： mkdir icons.iconset 生成各种尺寸的 png 图片 通过 终端 来快速创建各种不同尺寸要求的图片文件。 sips -z 16 16 icon.png -o icons.iconset/icon_16x16.png sips -z 32 32 icon.png -o icons.iconset/icon_ 16x16@2x.png sips -z 32 32 icon.png -o icons.iconset/icon_32x32.png sips -z 64 64 icon.png -o icons.iconset -o icons.iconset/icon_128x128@2x.png sips -z 256 256 icon.png -o icons.iconset/icon_256x256.png sips -z 512 512 icon.png -o icons.iconset/icon_256x256@2x.png sips -z 512 512 icon.png -o icons.iconset/
3.2K10编辑于 2022-11-08 - 来自专栏体验主义
最新iOS设计规范八｜3大图标和图像规范（Icons and Images)
本文是第8篇，介绍图标和图像（Icons and Images)。 图标和图像 (Icons and Images) ? 三、系统图标（System Icons）iOS12及更早版本 在iOS 13或更高版本中，更习惯使用SF符号来表示APP中的任务和模式。 本文介绍了iOS的图标和图像（Icons and Images)，参考资料Apple Developer-Human Interface Guidelines。
4.3K20发布于 2021-04-08 - 来自专栏大白技术控的技术自留地
清除Win7通知区域(Notification Area Icons)的无效图标
清除Win7通知区域(Notification Area Icons)的无效图标 一些程序在运行时会自动在任务栏通知区域(Notification Area Icons)里显示图标。
1.5K20发布于 2019-03-05 - 来自专栏无所事事者爱嘲笑
react-native添加react-native-vector-icons插件android遇到的问题
问题 yarn add react-native-vector-icons后图省事使用react-native link来添加native配置，结果run时报错。 compile "com.facebook.react:react-native:+" // From node_modules + compile project(':react-native-vector-icons
1.8K40发布于 2018-06-20 - 来自专栏韩曙亮的移动开发专栏
【Flutter】Icons 组件 ( 加载 Flutter 内置的图标 | 材料设计图标完整展示 )
需要导入材料设计包 , import 'package:flutter/material.dart'; 使用 Icon 示例 : Center( // 加载 Flutter 内置图标 child: Icon(Icons.threed_rotation children: [ Center( // 加载 Flutter 内置图标 child: Icon(Icons.threed_rotation FloatingActionButton( onPressed: _incrementCounter, tooltip: 'Increment', child: Icon(Icons.add ), ), // This trailing comma makes auto-formatting nicer for build methods. ); } } 四、Icons
5.4K20编辑于 2023-03-29 - 来自专栏iOS开发～
ReactNative_react-native-vector-icons的简单使用,图片,按钮,标签视图,导航条
ICONS是可以直接使用图片名, 就能加载图片的三方,使用很方便, 你不需要在工程文件夹里塞各种图片, 节省很多空间,下面就来看看怎么使用吧! 1. 不会创建工程的请参考:http://blog.csdn.net/margaret_mo/article/details/51304062) 输入: npm install react-native-vector-icons /Demo/ios/Demo.xcodeproj (1).右键工程文件Add Files to "(你工程名)" (2).选择node_modules/react-native-vector-icons 在xcode的Info.plist文件中,加入: Fonts provided by application数组,并加入以下9项: 到此环境就算设置好了, 接下来就是使用ICONS了. 4. Text, TabBarIOS, NavigatorIOS, } from 'react-native'; var Icon = require('react-native-vector-icons
2K20编辑于 2022-07-20 - 来自专栏博客专享
程序员的宝藏图标资源库:Icons8一键解锁高效设计
今天为大家带来的是程序员的宝藏图标资源库:Icons8一键解锁高效设计，以前做项目时，找图标要么付费、要么质量差、要么风格不统一，今天偶然间在搜索springboot logo的发现了 Icons8，简直打开了我写文档的新世界的大门 Icons8平台定位 Icons8 是一个集图标设计、素材管理、风格定制于一体的全能型设计平台。 data-src="//cdn.icons8.com/icons/{style}/{size}/{color}/{icon-name}.png"> <! /user-male.png 通过React组件库批量导入： import { UserIcon, ChartIcon } from '@icons8/react-icons'; 3.2. 免费版限制 署名要求：使用「Color」风格需在页面底部添加Icons by Icons8 下载限额：PNG/SVG每日50次（API调用计入限额） 4.2.
77610编辑于 2025-05-20
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号