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

相关文章

PHP应用中处理限流和API节流的最佳实践

《PHP应用中处理限流和API节流的最佳实践》限流和API节流对于确保Web应用程序的可靠性、安全性和可扩展性至关重要,本文将详细介绍PHP应用中处理限流和API节流的最佳实践,下面就来和小编一起学习... 目录限流的重要性在 php 中实施限流的最佳实践使用集中式存储进行状态管理(如 Redis)采用滑动

深入浅出Spring中的@Autowired自动注入的工作原理及实践应用

《深入浅出Spring中的@Autowired自动注入的工作原理及实践应用》在Spring框架的学习旅程中,@Autowired无疑是一个高频出现却又让初学者头疼的注解,它看似简单,却蕴含着Sprin... 目录深入浅出Spring中的@Autowired:自动注入的奥秘什么是依赖注入?@Autowired

Spring创建Bean的八种主要方式详解

《Spring创建Bean的八种主要方式详解》Spring(尤其是SpringBoot)提供了多种方式来让容器创建和管理Bean,@Component、@Configuration+@Bean、@En... 目录引言一、Spring 创建 Bean 的 8 种主要方式1. @Component 及其衍生注解

PostgreSQL简介及实战应用

《PostgreSQL简介及实战应用》PostgreSQL是一种功能强大的开源关系型数据库管理系统,以其稳定性、高性能、扩展性和复杂查询能力在众多项目中得到广泛应用,本文将从基础概念讲起,逐步深入到高... 目录前言1. PostgreSQL基础1.1 PostgreSQL简介1.2 基础语法1.3 数据库

Python中的filter() 函数的工作原理及应用技巧

《Python中的filter()函数的工作原理及应用技巧》Python的filter()函数用于筛选序列元素,返回迭代器,适合函数式编程,相比列表推导式,内存更优,尤其适用于大数据集,结合lamb... 目录前言一、基本概念基本语法二、使用方式1. 使用 lambda 函数2. 使用普通函数3. 使用 N

Python中yield的用法和实际应用示例

《Python中yield的用法和实际应用示例》在Python中,yield关键字主要用于生成器函数(generatorfunctions)中,其目的是使函数能够像迭代器一样工作,即可以被遍历,但不会... 目录python中yield的用法详解一、引言二、yield的基本用法1、yield与生成器2、yi

Python多线程应用中的卡死问题优化方案指南

《Python多线程应用中的卡死问题优化方案指南》在利用Python语言开发某查询软件时,遇到了点击搜索按钮后软件卡死的问题,本文将简单分析一下出现的原因以及对应的优化方案,希望对大家有所帮助... 目录问题描述优化方案1. 网络请求优化2. 多线程架构优化3. 全局异常处理4. 配置管理优化优化效果1.

MySQL 数据库表操作完全指南:创建、读取、更新与删除实战

《MySQL数据库表操作完全指南:创建、读取、更新与删除实战》本文系统讲解MySQL表的增删查改(CURD)操作,涵盖创建、更新、查询、删除及插入查询结果,也是贯穿各类项目开发全流程的基础数据交互原... 目录mysql系列前言一、Create(创建)并插入数据1.1 单行数据 + 全列插入1.2 多行数据

从基础到高阶详解Python多态实战应用指南

《从基础到高阶详解Python多态实战应用指南》这篇文章主要从基础到高阶为大家详细介绍Python中多态的相关应用与技巧,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录一、多态的本质:python的“鸭子类型”哲学二、多态的三大实战场景场景1:数据处理管道——统一处理不同数据格式

MySQL 临时表创建与使用详细说明

《MySQL临时表创建与使用详细说明》MySQL临时表是存储在内存或磁盘的临时数据表,会话结束时自动销毁,适合存储中间计算结果或临时数据集,其名称以#开头(如#TempTable),本文给大家介绍M... 目录mysql 临时表详细说明1.定义2.核心特性3.创建与使用4.典型应用场景5.生命周期管理6.注