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

相关文章

CentOS和Ubuntu系统使用shell脚本创建用户和设置密码

《CentOS和Ubuntu系统使用shell脚本创建用户和设置密码》在Linux系统中,你可以使用useradd命令来创建新用户,使用echo和chpasswd命令来设置密码,本文写了一个shell... 在linux系统中,你可以使用useradd命令来创建新用户,使用echo和chpasswd命令来设

使用Python和Pyecharts创建交互式地图

《使用Python和Pyecharts创建交互式地图》在数据可视化领域,创建交互式地图是一种强大的方式,可以使受众能够以引人入胜且信息丰富的方式探索地理数据,下面我们看看如何使用Python和Pyec... 目录简介Pyecharts 简介创建上海地图代码说明运行结果总结简介在数据可视化领域,创建交互式地

C语言中位操作的实际应用举例

《C语言中位操作的实际应用举例》:本文主要介绍C语言中位操作的实际应用,总结了位操作的使用场景,并指出了需要注意的问题,如可读性、平台依赖性和溢出风险,文中通过代码介绍的非常详细,需要的朋友可以参... 目录1. 嵌入式系统与硬件寄存器操作2. 网络协议解析3. 图像处理与颜色编码4. 高效处理布尔标志集合

Java中的Lambda表达式及其应用小结

《Java中的Lambda表达式及其应用小结》Java中的Lambda表达式是一项极具创新性的特性,它使得Java代码更加简洁和高效,尤其是在集合操作和并行处理方面,:本文主要介绍Java中的La... 目录前言1. 什么是Lambda表达式?2. Lambda表达式的基本语法例子1:最简单的Lambda表

Python结合PyWebView库打造跨平台桌面应用

《Python结合PyWebView库打造跨平台桌面应用》随着Web技术的发展,将HTML/CSS/JavaScript与Python结合构建桌面应用成为可能,本文将系统讲解如何使用PyWebView... 目录一、技术原理与优势分析1.1 架构原理1.2 核心优势二、开发环境搭建2.1 安装依赖2.2 验

Java字符串操作技巧之语法、示例与应用场景分析

《Java字符串操作技巧之语法、示例与应用场景分析》在Java算法题和日常开发中,字符串处理是必备的核心技能,本文全面梳理Java中字符串的常用操作语法,结合代码示例、应用场景和避坑指南,可快速掌握字... 目录引言1. 基础操作1.1 创建字符串1.2 获取长度1.3 访问字符2. 字符串处理2.1 子字

SpringShell命令行之交互式Shell应用开发方式

《SpringShell命令行之交互式Shell应用开发方式》本文将深入探讨SpringShell的核心特性、实现方式及应用场景,帮助开发者掌握这一强大工具,具有很好的参考价值,希望对大家有所帮助,如... 目录引言一、Spring Shell概述二、创建命令类三、命令参数处理四、命令分组与帮助系统五、自定

SpringBoot应用中出现的Full GC问题的场景与解决

《SpringBoot应用中出现的FullGC问题的场景与解决》这篇文章主要为大家详细介绍了SpringBoot应用中出现的FullGC问题的场景与解决方法,文中的示例代码讲解详细,感兴趣的小伙伴可... 目录Full GC的原理与触发条件原理触发条件对Spring Boot应用的影响示例代码优化建议结论F

MySQL 分区与分库分表策略应用小结

《MySQL分区与分库分表策略应用小结》在大数据量、复杂查询和高并发的应用场景下,单一数据库往往难以满足性能和扩展性的要求,本文将详细介绍这两种策略的基本概念、实现方法及优缺点,并通过实际案例展示如... 目录mysql 分区与分库分表策略1. 数据库水平拆分的背景2. MySQL 分区策略2.1 分区概念

Spring Shell 命令行实现交互式Shell应用开发

《SpringShell命令行实现交互式Shell应用开发》本文主要介绍了SpringShell命令行实现交互式Shell应用开发,能够帮助开发者快速构建功能丰富的命令行应用程序,具有一定的参考价... 目录引言一、Spring Shell概述二、创建命令类三、命令参数处理四、命令分组与帮助系统五、自定义S