2024 Google material-design-icons助力你创建更好的Material风格应用

2024 Google material-design-icons助力你创建更好的Material风格应用

Material Icons / Material Symbols

这是谷歌推出的两个不同的官方图标集,它们使用相同的基础设计。Material Icons是经典的图标集,而Material Symbols是在2022年4月引入的,采用可变字体技术构建。
您可以在 https://fonts.google.com/icons上以更便于用户浏览的方式查看这些图标。在左上角附近,使用下拉菜单选择两个图标集之间切换,默认情况下是Material Symbols。
这些图标是根据Material Design指南(https://material.io/guidelines/)进行设计的。

Material Icons

可以在 https://fonts.google.com/icons?icon.set=Material+Icons 上以更便于用户浏览的方式查看这些经典图标。

这些经典的图标有五种不同的风格:

  • Outlined
  • Filled (字体版本只称为Material Icons,因为这是最早的风格)
  • Rounded
  • Sharp
  • Two tone

此存储库中以下目录包含特定的Material Icons(而不是Material Symbols)内容:

  • android
  • font
  • ios
  • png
  • src

Material Icons目前没有什么是可用的?

  • 可变字体
  • 除 Regular 外的其他字重
  • 除 Regular 外的其他成绩
  • 一种动画"Fill transitions"的方法

Material Icons

您可以在 https://fonts.google.com/icons?icon.set=Material+Icons 上以更用户友好的方式浏览这些经典图标。

这些经典图标有五种不同的风格:

  • Outlined (轮廓)
  • Filled (填充)(字体版本称为 Material Icons,因为这是最早的风格)
  • Rounded (圆角)
  • Sharp (锐角)
  • Two tone (双色)

此存储库中的以下目录包含特定的 Material Icons(而不是 Material Symbols)内容:

  • android
  • font
  • ios
  • png
  • src

目前 Material Icons 不提供以下功能:

  • 可变字体
  • 除了 Regular 以外的其他字重
  • 除了 Regular 以外的其他等级
  • 填充过渡动画的方法

版本更新

目前最新版本是4.0, 是Google在2020年8月31版本发布的。

快速开始

阅读开发者指南https://developers.google.com/fonts/docs/material_icons,指导用户如何在项目中使用Material icon

获取图标

这些图标有多种格式,适用于不同类型的项目和平台的开发者,以及设计人员在模型或原型中使用。
我们提供这些图标并根据 Apache 许可版本 2.0 许可您将其集成到您的产品中。您可以随时重新混合和共享这些图标和文档。虽然我们建议在您的应用的关于屏幕中提供我们的来源说明,但这不是强制要求。

浏览和下载单个图标

Material 图标库提供了一整套 Material 图标。这些图标支持以 SVG 或 PNG 格式下载,适用于 Web、Android 和 iOS 项目,也可在任何设计工具中使用。

下载全部内容

您可以获取所有图标的最新稳定版 zip 归档文件(约 310MB),或获取主分支上的前沿版本。

Git 代码库

Material 图标可以从 Git 代码库中获取。该代码库包含完整的图标集,其中包括我们提供的所有不同格式的图标。

$ git clone https://github.com/google/material-design-icons/

更多开发者指南,请参考下面链接:

https://developers.google.cn/fonts/docs/material_icons?hl=zh-cn

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/633945.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Linux自动化构建工具——make和Makefile使用详解

一、初步认识make和Makefile 我们首先需要知道的是,make是一个命令,Makefile是一个文件,Makefile中包含了依赖关系和依赖方法。 从上面的文件以及指令中我们可以看到,我们可以在Makefile文件中写入依赖关系以及对应的依赖方法&…

设计模式⑦ :简单化

文章目录 一、前言二、Facade 模式1. 介绍2. 应用3. 总结 三、Mediator 模式1. 介绍2. 应用3. 总结 一、前言 有时候不想动脑子,就懒得看源码又不像浪费时间所以会看看书,但是又记不住,所以决定开始写"抄书"系列。本系列大部分内容…

配置redis挂载

1. 暂停和删除redis 2.创建文件夹 /usr/local/software/redis/6379/conf/ /usr/local/software/redis/6379/data/ 把redis-conf文件上传到conf文件夹中 3.配置网络 docker network create --driver bridge --subnet172.18.12.0/16 --gateway172.18.1.1 wn_docker_net 4.运…

Go后端开发 -- 反射reflect 结构体标签

Go后端开发 – 反射reflect && 结构体标签 文章目录 Go后端开发 -- 反射reflect && 结构体标签一、反射reflect1.编程语言中反射的概念2.interface 和反射3.变量内置的pair结构4.reflect的基本功能TypeOf和ValueOf5.从relfect.Value中获取接口interface的信息6…

C++ 设计模式之 中介者模式

【声明】本题目来源于卡码网(题目页面 (kamacoder.com)) 【提示:如果不想看文字介绍,可以直接跳转到C编码部分】 【设计模式大纲】 【简介】 -- 什么是中介者模式 (第16种模式) 中介者模式(Medi…

Python 面向对象绘图(Matplotlib篇-16)

Python 面向对象绘图(Matplotlib篇-16)         🍹博主 侯小啾 感谢您的支持与信赖。☀️ 🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ🌹꧔ꦿ�…

TQ8WS-acid,Tide Quencher 8WS-酸,可用来研究荧光物质的激发态

您好,欢迎来到新研之家 文章关键词:Tide Quencher8WS acid,TQ8WS acid,Tide Quencher 8WS 酸 ,TQ8WS 酸,Tide Quencher 8WS-酸,TQ8WS-酸 一、基本信息 产品简介:The fluorescence…

牛客.KY11二叉树遍历、 LeetCode104.二叉树的最大深度 ,110平衡二叉树

二叉树实操小练习~这里对二叉树的遍历要有一定的理解,如果还不熟悉的小伙伴可以看看我的这篇博客:数据结构——二叉树(先序、中序、后序及层次四种遍历(C语言版))超详细~ (✧∇✧) Q_Q-CSDN博客 牛客.KY11二…

文档翻译网站有哪些?这些工具高效翻译

文档翻译网站有哪些?随着全球化的加速,跨语言沟通变得越来越重要。然而,语言差异常常成为我们与世界各地人们交流的障碍。为了解决这个问题,文档翻译软件应运而生。今天,我们就来介绍一些受欢迎的文档翻译软件&#xf…

【Docker】安装nacos以及实现负载均衡

🥳🥳Welcome 的Huihuis Code World ! !🥳🥳 接下来看看由辉辉所写的关于Docker的相关操作吧 目录 🥳🥳Welcome 的Huihuis Code World ! !🥳🥳 前言 一.nacos单个部署 1.镜像拉取 …

4.C++类和对象

深拷贝和浅拷贝的简单理解:

提纲框架写作方法

论文提纲 论文提纲的意义 有利于检查构思有利于调整修改和写作 拟定提纲的目的 拟标题写总论点做总安排:几个方面,什么顺序做下位论点:每个项目的下位论点,直到段一级,写段的论点句考虑各段安排,把材料…

2024 前端高频面试题之 HTML/CSS 篇

【前言】随着市场的逐渐恶劣,通过总结面试题的方式来帮助更多的coder,也是记录自己的学习过程,温故而知新。欢迎各位同胞大大点评补充~ 前端面试题之 HTML/CSS 篇 1、HTML 语义化?2、块级元素&内联样式3、盒子模型的理解&…

机器学习:holdout法(Python)

import pandas as pd import numpy as np from sklearn.preprocessing import LabelEncoder, StandardScaler # 类别标签编码,标准化处理 from sklearn.decomposition import PCA # 主成分分析 import matplotlib.pyplot as plt from sklearn.model_selection impor…

springboot 原理分析之自动配置

一、Condition Condition 是在 Spring 4.0 增加的条件判断功能,通过这个可以功能可以实现选择性的创建 Bean 操作。比如说,只有满足某一个条件才能创建这个 Bean,否则就不创建。 SpringBoot 是如何知道要创建哪个 Bean 的?比如 Sp…

openGauss:准备知识1【IP地址/SSH协议/PuTTY安装和使用】

最近研究在openEuler 22.03 LTS上使用openGauss数据库。如果想要远端访问服务器,那么就先要了解IP地址、SSH协议等内容。 IP代表“Internet Protocol”,是一种网络协议,它定义了计算机在网络上的地址和数据传输方式。简言之,可以…

JAVA正则表达式第二个作用:爬取

目录 本地数据爬取: 本地爬取练习: 网络爬取: ----- 以下为均本地数据爬取: 带条件爬取 贪婪爬取和非贪婪爬取: 例题 1:使获取 1 为不贪婪 *例题 2:使获取 0、1 都为不贪婪 之前介绍了正…

【数据结构】- 单链表

先创建好SList.c、Test.c两个源文件和SList.h一个头文件。 SList.c和Test.c一样 SList.h 文件 在SList.h加上 1.单链表打印 SList.h SList.c 思路: 逻辑图(之后经常用到): 物理图: 为了方便运行Test.c中的运行还要在…

链表中倒数最后k个结点

链表中倒数最后k个结点 链表中倒数最后k个结点_牛客题霸_牛客网输入一个长度为 n 的链表,设链表中的元素的值为 ai ,返回该链表中倒数第k个节点。。题目来自【牛客题霸】https://www.nowcoder.com/practice/886370fe658f41b498d40fb34ae76ff9 描述 输…