Lazy loaded image
文章
🗒️这几个免费icon神器绝了，最后一个太牛哔了
字数 445阅读时长≈ 2 分钟
2024-7-14
2024-7-18
type
Post
status
Published
date
Jul 14, 2024
slug
free_icon
summary
在设计和开发过程中，优质的图标资源能够大大提升工作效率和设计质量。本文将推荐两个非常优秀的图标资源平台，并分享如何在设计软件中使用这些图标。
tags
服务
category
文章
icon
password

优秀的图标资源平台推荐

在设计和开发过程中，优质的图标资源能够大大提升工作效率和设计质量。本文将推荐两个非常优秀的图标资源平台，并分享如何在设计软件中使用这些图标。

一、Font Awesome

Font Awesome 是一个非常受欢迎的图标库，支持快捷的代码部署。它提供了大量免费的图标，可以直接在网页中使用，非常适合前端开发者。
特点：
  • 丰富的图标种类，涵盖多个领域
  • 支持快速搜索和筛选
  • 提供免费的图标资源
  • 便捷的代码部署方式

二、阿里妈妈的 Iconfont

Iconfont 是国内最常见的图标库之一，也是免费的。它特别友好地支持中文搜索，极大地方便了国内用户。
特点：
  • 支持中文搜索，使用非常方便
  • 丰富的图标资源
  • 免费使用
  • 提供多种格式的图标下载

如何在设计软件中使用图标

在设计软件中使用图标，我们通常会通过 SVG 的方式导入。下面以 Figma 为例，介绍如何导入 SVG 图标。

步骤：

  1. 下载 SVG 图标：在 Font Awesome 或 Iconfont 上找到所需的图标，并下载 SVG 格式的文件。
  1. 打开 Figma：启动 Figma 软件。
  1. 导入 SVG 文件：
      • 直接拖动 SVG 文件到 Figma 画板中
      • 或者在 Figma 中选择 File -> Place Image，然后选择下载的 SVG 文件
  1. 编辑和使用图标：导入后的 SVG 图标可以在 Figma 中自由调整大小、修改颜色等。
上一篇
简直了！没用一行代码，我花10分钟搭了个AI标题神器
下一篇
可以拯救打工人的网页爬虫神器，打死也不删
目录