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

2024-01-19 12:20

本文主要是介绍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

这篇关于2024 Google material-design-icons助力你创建更好的Material风格应用的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/622419

相关文章

Python中随机休眠技术原理与应用详解

《Python中随机休眠技术原理与应用详解》在编程中,让程序暂停执行特定时间是常见需求,当需要引入不确定性时,随机休眠就成为关键技巧,下面我们就来看看Python中随机休眠技术的具体实现与应用吧... 目录引言一、实现原理与基础方法1.1 核心函数解析1.2 基础实现模板1.3 整数版实现二、典型应用场景2

idea中创建新类时自动添加注释的实现

《idea中创建新类时自动添加注释的实现》在每次使用idea创建一个新类时,过了一段时间发现看不懂这个类是用来干嘛的,为了解决这个问题,我们可以设置在创建一个新类时自动添加注释,帮助我们理解这个类的用... 目录前言:详细操作:步骤一:点击上方的 文件(File),点击&nbmyHIgsp;设置(Setti

Python Dash框架在数据可视化仪表板中的应用与实践记录

《PythonDash框架在数据可视化仪表板中的应用与实践记录》Python的PlotlyDash库提供了一种简便且强大的方式来构建和展示互动式数据仪表板,本篇文章将深入探讨如何使用Dash设计一... 目录python Dash框架在数据可视化仪表板中的应用与实践1. 什么是Plotly Dash?1.1

Android Kotlin 高阶函数详解及其在协程中的应用小结

《AndroidKotlin高阶函数详解及其在协程中的应用小结》高阶函数是Kotlin中的一个重要特性,它能够将函数作为一等公民(First-ClassCitizen),使得代码更加简洁、灵活和可... 目录1. 引言2. 什么是高阶函数?3. 高阶函数的基础用法3.1 传递函数作为参数3.2 Lambda

Java中&和&&以及|和||的区别、应用场景和代码示例

《Java中&和&&以及|和||的区别、应用场景和代码示例》:本文主要介绍Java中的逻辑运算符&、&&、|和||的区别,包括它们在布尔和整数类型上的应用,文中通过代码介绍的非常详细,需要的朋友可... 目录前言1. & 和 &&代码示例2. | 和 ||代码示例3. 为什么要使用 & 和 | 而不是总是使

Python循环缓冲区的应用详解

《Python循环缓冲区的应用详解》循环缓冲区是一个线性缓冲区,逻辑上被视为一个循环的结构,本文主要为大家介绍了Python中循环缓冲区的相关应用,有兴趣的小伙伴可以了解一下... 目录什么是循环缓冲区循环缓冲区的结构python中的循环缓冲区实现运行循环缓冲区循环缓冲区的优势应用案例Python中的实现库

SpringBoot整合MybatisPlus的基本应用指南

《SpringBoot整合MybatisPlus的基本应用指南》MyBatis-Plus,简称MP,是一个MyBatis的增强工具,在MyBatis的基础上只做增强不做改变,下面小编就来和大家介绍一下... 目录一、MyBATisPlus简介二、SpringBoot整合MybatisPlus1、创建数据库和

Spring 中使用反射创建 Bean 实例的几种方式

《Spring中使用反射创建Bean实例的几种方式》文章介绍了在Spring框架中如何使用反射来创建Bean实例,包括使用Class.newInstance()、Constructor.newI... 目录1. 使用 Class.newInstance() (仅限无参构造函数):2. 使用 Construc

python中time模块的常用方法及应用详解

《python中time模块的常用方法及应用详解》在Python开发中,时间处理是绕不开的刚需场景,从性能计时到定时任务,从日志记录到数据同步,时间模块始终是开发者最得力的工具之一,本文将通过真实案例... 目录一、时间基石:time.time()典型场景:程序性能分析进阶技巧:结合上下文管理器实现自动计时

C#原型模式之如何通过克隆对象来优化创建过程

《C#原型模式之如何通过克隆对象来优化创建过程》原型模式是一种创建型设计模式,通过克隆现有对象来创建新对象,避免重复的创建成本和复杂的初始化过程,它适用于对象创建过程复杂、需要大量相似对象或避免重复初... 目录什么是原型模式?原型模式的工作原理C#中如何实现原型模式?1. 定义原型接口2. 实现原型接口3