开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

``material icons`的正确使用方法是什么？

Material Icons是一套Google设计的图标集，旨在提供一致且美观的图标，适用于各种平台和应用程序。以下是关于Material Icons的正确使用方法：

引入Material Icons：首先，你需要在你的项目中引入Material Icons字体文件。你可以通过在HTML文件的<head>标签中添加以下代码来实现：

<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">

在页面中使用图标：一旦引入了Material Icons，你就可以在HTML中的任何地方使用它们。要使用图标，只需在相应的HTML元素中添加一个具有material-icons类的标签，然后将图标的名称作为文本内容。例如：

<i class="material-icons">home</i>

自定义图标的外观：你可以通过为<i>标签添加其他类名或内联样式来自定义图标的外观。例如：

<i class="material-icons red">favorite</i>
<i class="material-icons" style="font-size: 24px; color: blue;">email</i>

Material Icons适用于各种应用场景，包括网站、移动应用程序和桌面应用程序。它提供了丰富的图标库，包括常见的应用程序图标、操作图标、通知图标等，可以用于增强用户界面的可视化效果和用户体验。

腾讯云的相关产品和资源可以供开发人员使用，以支持他们在云计算领域的工作。例如，腾讯云提供了云服务器CVM、对象存储COS、内容分发网络CDN等产品，以帮助开发人员构建和部署各种应用程序。你可以访问腾讯云的官方网站获取更多关于这些产品的信息和文档：

腾讯云云服务器（CVM）：提供可扩展的虚拟服务器实例，适用于各种计算任务。
腾讯云对象存储（COS）：提供安全可靠的对象存储服务，用于存储和管理海量数据。
腾讯云内容分发网络（CDN）：加速内容传输，提供高可靠性和低延迟的全球分发服务。

请注意，以上只是腾讯云提供的一些云计算产品示例，如果您对特定的产品或服务有任何问题，建议您直接访问腾讯云官方网站以获取最新和详细的信息。

相关搜索:`NUMBERFMT`和`GetNumberFormatEx`的正确使用方法是什么？如何使用Jest模拟React `@material-ui/icons`中的所有图标？Firebase auth onAuthChange的正确使用方法 kotlin协程的正确使用方法接收到的错误尝试导入错误：'NotificationsNoneIcon‘未从'@material-ui/icons’中导出 Material UI菜单未获取正确的ID 正确的语法是什么？域名如何正确的是什么 dns的正确解释是什么正确的域名格式是什么域名内容正确的是什么 arrayWithContentsOfURL的正确用法是什么？"any“的正确类型是什么？对此的正确查询是什么？如何正确对齐按钮内部的material-ui图标？设置material-ui文档部分样式的正确方法 react-native-material-ui@1.12.0需要react-native-vector- icons@^4.0.0的对等机，但尚未安装 material -ui的排版组件的有效值是什么 Pytorch中单热点交叉熵损失的正确使用方法 React Material Ui对话框未显示正确的值

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

60 个神级 VS Code 插件！！

点击关注公众号，Java干货及时送达来源：一尾流莺链接：https://juejin.cn/post/6994327298740600839 本文不做任何编辑器的比较，只是我本人日常使用 vscode 进行开发，并且比较喜欢折腾 vscode ，会到处找这一些好玩的插件，于是越攒越多，今天给大家推荐一下我收藏的 60 多个 vscode 插件，据说插件装太多，编辑器会变卡，可能是我的电脑配置还顶得住，目前并没有感觉到卡卡的。接下来我会将会以优化外观，功能扩展，提升编码效率，代码格式化，其它插件

01

webstorm插件集合[通俗易懂]

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至举报，一经查实，本站将立刻删除。

02

【图文并茂】六十多个 vscode 插件，助你打造最强编辑器

本文不做任何编辑器的比较，只是我本人日常使用 vscode 进行开发，并且比较喜欢折腾 vscode ，会到处找这一些好玩的插件，于是越攒越多，今天给大家推荐一下我收藏的 60 多个 vscode 插件，据说插件装太多，编辑器会变卡，可能是我的电脑配置还顶得住，目前并没有感觉到卡卡的。

04

vue 后台经典模版尝试（1）

https://github.com/vuematerial/vue-material

01

Jetpack Compose实现的一个优雅的 Toast 组件——简单易用~

系统原生的Toast默认是在底部弹出，配合kotlin语音的特性，简单封装一下，使用方法非常简洁

04

Flutter全局悬浮按钮

2.思路 1）悬浮按钮可以使用flutter提供的Overlay + OverlayEntry 组合实现

02

Flutter 全局悬浮按钮

2.思路 1）悬浮按钮可以使用flutter提供的Overlay + OverlayEntry 组合实现

01

60 个神级 VS Code 插件，助你打造最强编辑器

来源：juejin.cn/post/6994327298740600839 本文不做任何编辑器的比较，只是我本人日常使用 vscode 进行开发，并且比较喜欢折腾 vscode ，会到处找这一些好玩的插件，于是越攒越多，今天给大家推荐一下我收藏的 60 多个 vscode 插件，据说插件装太多，编辑器会变卡，可能是我的电脑配置还顶得住，目前并没有感觉到卡卡的。接下来我会将会以优化外观，功能扩展，提升编码效率，代码格式化，其它插件几个分类来进行介绍。一是把它们分享给有需要的小伙伴们，二是通过此文

03

VSCode使用教程之常见插件安装

本教程有配套的一个系列的操作视频，如果不会可以到主页找到我们，可以获取vscode的详细安装教程哦！

00

Hexo -6- FontAwesome 4.7.0 中完整的675个图标样式CSS参考

Hexo 支持FontAwesome图标，就是在代码中出现名字以fa fa开头的类名，本文介绍具具体图标来源和使用方法。图标列表官方链接 New Icons in 4.7 Web Application Icons Accessibility Icons Hand Icons Transportation Icons Gender Icons File Type Icons Spinner Icons Form Control Icons

04

Flutter Icon IconFont（图标控件）

Flutter中，可以像Web开发一样使用iconfont，iconfont即“字体图标”，它是将图标做成字体文件，然后通过指定不同的字符而显示不同的图片。

01

Ways to Use Icons on Android (1)

最近对IconFont特别感兴趣，通过使用IconFont一些常见的制作精良的小图标就可以直接在代码中非常方便的使用，免去了找图标并添加到项目中的很多麻烦。本系列估计也会有三篇文章，结合实践分享下我的摸索过程，也许大家会觉得有用呢。本节主要从Material Design图标入手，介绍它的几种使用姿势。

02

webstorm必装十大插件_vscode webpack

大家好，又见面了，我是你们的朋友全栈君。前言作为一个FE开发者，在日常工作中用的最多的可能就是WebStorm与VsCode，我在工作的这几年一直使用的是WebStorm进行开发，今天为大家带来我工作中使用的一些Webstorm插件以及一些可以提效的配置方法，希望能够帮助使用WebStorm的朋友们更加高效工作，多余时间可以多摸摸🐟！最终效果展示插件推荐下面会详细介绍每一个插件的安装、使用建议，推荐指数✨ .ignore: 版本管理工具的忽略文件插件插件描述：支持创建多种.

03

Flutter一切皆widget但是不要将所有东西放入一个widget

作为 Flutter 开发人员，我相信您在您的开发生活中至少听说过这句流行的句子：“**一切都是widget”。这是 Flutter 的口头禅，它揭示了这个非常好的 SDK 的内在力量！

01

Material Design Lite ，简洁惊艳的前端工具箱

本文主要介绍Material Design设计语言的HTML/CSS/JS部分实现。

03

Material Design Lite，简洁惊艳的前端工具箱

本文主要介绍Material Design设计语言的HTML/CSS/JS部分实现。本文所对应的小练习和示例均可以访问：http://www.hubwiz.com/class/55adae643ad79a1b05dcbf77。

01

Flutter lesson 8:输入框,时间日期选择

Flutter自带的 showDatePicker 和 showTimePicker 两个方法可以进行时间和日期的选择。

02

Flutter的文本、图片和按钮使用

像视图数据流转机制、底层渲染方案、视图更新策略等知识，都是构成一个UI框架的根本，看似枯燥，却往往具有最长久的生命力。

02

[Flutter Widget]ExpansionTile

在前面的文章红我们学习了Chip的用法，使用Chip可以很方便的完成对想要的东西打上想要的标签。在文章的最后让大家实现如下的效果

02

Flutter 入门指北之基础部件

原文:https://www.jianshu.com/p/8ddb16902ce6

03

Flutter Provider 使用指南详解

在Flutter应用程序开发中，状态管理是一个至关重要的方面。随着应用程序的复杂性增加，有效地管理和共享状态变得至关重要。Flutter Provider是一个流行的状态管理解决方案，它提供了一种简单而强大的方式来管理Flutter应用程序中的状态。

01

ListView&GirdView

在前面的的文章中我们了解了Flutter中操作提示的用法，包括SnackBar、Dialog、以及BottomSheet，通过这些Widget我们可以很方便的实现对应用操作的提示。

02

Tinymce plugins [Tinymce扩展插件集合]

因为项目需要用到富文本编辑器众多富文本编辑器中，选择了 Tinymce，根据项目需要对Tinymce 进行扩展和增强插件，记录一下，并同时分享给需要帮助的人。

01

Flutter中构建布局顶

然后本指南回过头来解释Flutter的布局方法，并说明如何在屏幕上放置一个小部件。在讨论如何水平和垂直放置小部件之后，会介绍一些最常见的布局小部件。

01

pycharm 风格_python主题更改

下载好的插件是一个zip文件，在pycharm的Plugins栏中选择install plugins from disk，选择插件后重启即可

02

Android MaterialButton使用详解，告别shape、selector

由上图可以看到MaterialButton也没有什么神秘的，不过是Button的一个子类而已，但是经过谷歌的封装之后，在符合Material Design的基础上，使用起来更加方便了，且容易实现预期效果。

02

第九十八期：Flutter学习（一）

昨天和今天除了写一些小程序的代码之外，都在学习flutter相关的内容。感觉flutter的学习成本之所以高，很大的原因其实是因为它的学习资料真正能学到东西的，其实还是它的官网，但是官网又是英文版的，读起来就比较费劲。

02

提高 JavaScript 开发效率的高级 VSCode 扩展之二！

作为一名业余爱好者、专业人员，甚至是每月只有一次编程的开发人员，你必须知道，对于任何愿意在工作中投入最大生产时间的人来说，拥有智能和敏捷的工具是至关重要的，废话不多说，介绍插件比较重要。

03

Waves：类Material Design 的圆形波浪（涟漪）点击特效插件

Google Material Design 相信你也了解不少了，但目前无论是应用端还是网页端，可参考案例尚少。本着补充《Material Design 一些相关中文资料/资源收集汇总》一文的目的，介绍一款类Google Material Design 的圆形波浪（涟漪）点击特效插件Waves。 Google Material Design 中有一个特效，点击某个色块区域会有圆形波浪（涟漪）渐现放大的效果（当然，对应应用端则为触摸事件）。Waves 就是这么一款在网页上实现该特效的javascript 插件

07

web大前端必备的VSCode插件，常用的（15个）「建议收藏」

Visual Studio Code 是由微软开发的一款免费、跨平台的文本编辑器。由于其卓越的性能和丰富的功能，它很快就受到了大家的喜爱。

04

Android MaterialButton使用详解，告别shape、selector

由上图可以看到MaterialButton也没有什么神秘的，不过是Button的一个子类而已，但是经过谷歌的封装之后，在符合Material Design的基础上，使用起来更加方便了，且容易实现预期效果。

02

Vue项目中优雅使用icon

icon在我们前端日常开发中是很常用的，它有很多种使用方式，时至今日，它的使用方式经过了很多种演变，本文会为大家介绍icon的一些历史演变，分析一下这几种使用方式的优劣，我们将采用svg sprites这种方式使用icon，演示代码使用vue+vue-cli3+，看完之后，你会发现这种使用方式完全称得上优雅二字

02

使用.net core ABP和Angular模板构建博客管理系统（实现博客列表页面）

创建服务新建一个服务文件 ng g service blog/note-service 我们可以参考shared\service-proxies\service-proxies.ts文件来写

01

【Flutter】Flutter 布局组件 ( 布局组件简介 | Row 组件 | Column 组件 | SizedBox 组件 | ClipOval 组件 )

Row 组件相关参数 : Row 组件相当于线性布局 , 水平方向布局 , 组件从左到右 ;

00

Ng-Matero：基于 Angular Material 搭建的中后台管理框架

目前市面上关于 Angular Material 的后台框架比较少，大多都是收费主题，而且都不太好用。

02

[Flutter Widget]Chip

在前面的文章中我们看了下Tooltip的用法，在文章的最后也给大家留了一个问题，自定义自己的Tooltip。

03

【无标题】

本来打算一次更新完的。。感觉还是太多了，后面再分享吧，先分享一部分 EasyCode MybatisCodeHelper 这玩意功能太离谱了，随便举几个官网地址：https://brucege.co

02

Python Django个人网站搭建17-优化导航栏2

作者： zifanwang 发布于2020-05-25

03

工作五年多，idea插件推荐（一）

本来打算一次更新完的。。感觉还是太多了，后面再分享吧，先分享一部分 EasyCode MybatisCodeHelper 这玩意功能太离谱了，随便举几个官网地址：https://brucege.co

05

Windows去除快捷小箭头

使用方法新建一个文本文件（如不显示.txt后缀电脑要在文件夹里设置“显示已知文件扩展名”）复制下面代码粘贴后保存修改扩展名为.bat文件右键以管理员身份打开 win11 reg add "HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\Explorer\Shell Icons" /v 29 /d "%systemroot%\system32\imageres.dll,197" /t reg_sz /f taskkill /f

01

Flutter中的操作提示

在前面的文章中我们学习了Flutter中输入以及选择控件的用法，借助于这些组件大家可以完成很多常用的功能，但是他不能及时在用户操作后完成相应的界面提示，所以今天我们就会来看下Flutter中的操作提示。

03

解决 vuetify 中 icon 显示错乱问题

Vuetify 使用 Google's Roboto fon 和 Material Design Icons。安装这些软件的最简单方式是将他们的 CDN 包含在你的主 index.html 中。

01

Flutter实例一--底部规则导航栏制作

StatefulWidget具有可变状态(state)的窗口组件（widget）。使用时要根据变化状态，调整State值，

03

Flutter从静态界面到抽取封装

今天将用Flutter的组件来实际布局演练一下,在此之前你需要熟悉Flex布局 1、微信条目的静态布局这个平时非常常见,而且相对简单，所以是个练手的不错人选简单分析一下:一共三块，用Row布局,

01

Web Icon 123 - 网页内图标的调用

之前保罗在使用 php 写他的第一个个人主页的时候，在他的群里提到了 Font-Awesome 这个项目。当时还是纯小白一个，啥也听不懂。直到后来，看了几篇科普的文章，在2018年1月4日第一次在本地环境调用 Font-Awesome 。

使用Html5多媒体实现微信语音功能

随着微信等社交App的兴起，语音聊天成为很多App必备功能，大到将语音聊天作为主要功能的社交App，小到电商App的语音客服、店小二功能，语音聊天成为了必不可少的方式。

03

【公共UI】纯CSS3 Material Design风格单选框和复选框

这是一款使用纯CSS3制作的MaterialDesign风格单选框和复选框插件。该插件只需引入指定的CSS文件，然后配合特定的HTML结构，就可以生成漂亮的MaterialDesign风格单选框和复选框。

02

VSCode前端必备插件，有可能你装了却不知道如何使用？

在前端开发中，有一个非常好用的工具，Visual Studio Code，简称VS code。

04

又一款开源图标库 CSS.GG

700 + 纯 CSS, SVG & Figma UI Icons 可用在 SVG 精灵图, styled-components, NPM & API

04

Flutter之drawer详细分析（你要的操作都有）

可以看到，根据我们对drawer的认识，并不是想要的结果，所以这个drawer并不完整，然后我们继续添加代码，修改drawer

02

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭