>웹 프론트엔드 >JS 튜토리얼 >수집할 가치가 있는 20개의 프런트엔드 개발 ICON 아이콘 라이브러리

수집할 가치가 있는 20개의 프런트엔드 개발 ICON 아이콘 라이브러리

青灯夜游
青灯夜游앞으로
2021-02-26 10:27:2812879검색

이 기사에서는 귀하의 웹사이트를 아름답고 읽기 쉽게 만드는 데 도움이 되는 20개의 ICON 아이콘 라이브러리(수집 가치가 있음)를 공유합니다. 도움이 필요한 친구들이 모두 참고할 수 있기를 바랍니다.

수집할 가치가 있는 20개의 프런트엔드 개발 ICON 아이콘 라이브러리

애플리케이션 인터페이스에 아이콘이 있으면 사용자에게 좋은 첫인상을 줄 수 있으며 이는 매우 중요합니다. 그러나 처음부터 아이콘을 개발하려면 많은 시간과 비용이 필요합니다. 웹사이트에서 아이콘을 사용하면 방문자와 효과적으로 소통할 수 있습니다. 아이콘을 사용하면 가독성이 향상되고 중요한 콘텐츠가 강조되며 기능이 강화되고 디자인이 향상됩니다. 따라서 기성 아이콘을 사용하는 것이 좋은 선택입니다.

최고의 아이콘 라이브러리 목록

여기에서는 Alibaba의 iconfont을 소개하지 않겠습니다. 국내 개발자들은 기본적으로 알고 사용하고 있습니다. 이제 해외에서 유용한 아이콘 라이브러리를 살펴보겠습니다.

1, Flaticon

웹사이트: https://www.Flaticon.com/packs
형식 및 유형: PNG, SVG, EPS, PSD 및 BASE 64, Marketplace
가격 및 라이센스: 제한됨 월 $9.99부터 시작하는 무료 플랜 및 프리미엄 플랜

수집할 가치가 있는 20개의 프런트엔드 개발 ICON 아이콘 라이브러리

Flaticon에는 개인 및 상업 프로젝트에 사용할 수 있는 완전히 편집 가능한 벡터가 포함되어 있습니다. FlatIcon에는 51202 패키지로 그룹화된 2억 3천만개 이상의 벡터 아이콘이 있습니다. 230万个向量图标,它们被分组到51202个包中

该产品有 Adobe 扩展,允许我们轻松导入Photoshop, IllustratorAfter Effects中的图标。如果希望使用web字体而不是静态文件来显示图标,那么FlatIcon 将负责格式转换并生成一个可以使用的 web 字体。我们还可以自定义下载的图标。

亮点

  • 超过90,000个图标;
  • SVG,EPS,PSD 和 PNG 格式;
  • 图标字体;
  • 用于 CC 套件的 Adobe 扩展;
  • 带高级期权的 Linkshare 许可证;
  • 并且每个月都会添加新的图标包;

2、Jam Icons

网址:https://jam-icons.com/
格式和类型: SVG, CSS
价格和许可证:Free, MIT

수집할 가치가 있는 20개의 프런트엔드 개발 ICON 아이콘 라이브러리

Jam 图标是一套896个手工制作的图标。这个图标包提供了SVG和字体版本。这些图标可以用作web、打印或应用程序开发项目中的SVG文件。这些图标也可以用作给定CSS样式表的字体。有16px24px32px三种尺寸。我们还可以选择填充或描边图标。

3、Fontisto Icon Pack

网址:https://fontisto.com/
格式和类型: CSS
价格和许可证:ree, MIT

수집할 가치가 있는 20개의 프런트엔드 개발 ICON 아이콘 라이브러리

Fontisto 是矢量图标包。 可以立即自定义图标:大小,颜色,阴影以及 CSS 可以完成的所有操作。 该产品不需要 Javascript。 Fontisto 图标是矢量,这意味着它们在高分辨率显示器上看起来会很好。

在该网站上,我们可以找到有关如何启动和自定义产品的完整文档和各种指南。 我们只需将链接粘贴到网站上即可开始使用该产品。 此外,还可以将 Fontisto 与适合的软件包管理器一起使用:npm,yarn,bower等。

4、Iconmonstr

网址:https://iconmonstr.com/
格式和类型:SVG, EPS, PSD and PNG, Marketplace
价格和许可证:Free

수집할 가치가 있는 20개의 프런트엔드 개발 ICON 아이콘 라이브러리

Iconmonstr 的图标集合中有4400多个图标。 每个图标集都提供图形的轮廓和填充版本,以确保它们可用于各种设计应用程序。 该网站上的每个图标都是免费提供的,并且图标文件采用SVG,AI,PSDPNG

이 제품에는 Photoshop으로 쉽게 가져올 수 있는 Adobe 확장 프로그램이 있습니다. IllustratorAfter Effects에서. 아이콘을 표시하기 위해 정적 파일 대신 웹 글꼴을 사용하려는 경우 FlatIcon이 형식 변환을 처리하고 사용 가능한 웹 글꼴을 생성합니다. 다운로드한 아이콘을 사용자 정의할 수도 있습니다. 🎜🎜🎜하이라이트🎜: 🎜
  • 90,000개 이상의 아이콘
  • SVG, EPS, PSD 및 PNG 형식;
  • CC 제품군용 Adobe 확장 프로그램,
  • 프리미엄 옵션이 포함된 링크 공유 라이센스,
  • 매월 추가되는 새로운 아이콘 팩
🎜 🎜🎜2, Jam 아이콘🎜🎜🎜🎜웹사이트: https: //jam-icons.com/ 🎜🎜형식 및 유형: SVG, CSS🎜가격 및 라이센스: 무료, MIT🎜🎜수집할 가치가 있는 20개의 프런트엔드 개발 ICON 아이콘 라이브러리🎜🎜Jam 아이콘은 896 손으로 만든 아이콘 세트입니다. 이 아이콘 팩은 SVG 및 글꼴 버전을 제공합니다. 이러한 아이콘은 웹, 인쇄 또는 응용 프로그램 개발 프로젝트에서 SVG 파일로 사용할 수 있습니다. 이러한 아이콘은 특정 CSS 스타일시트의 글꼴로 사용할 수도 있습니다. 16px, 24px, 32px의 세 가지 크기가 있습니다. 채워진 아이콘이나 스트로크 아이콘 중에서 선택할 수도 있습니다. 🎜🎜🎜🎜3. Fontisto 아이콘 팩🎜🎜🎜🎜웹사이트: https://fontisto.com/🎜 🎜형식 및 유형: CSS 🎜가격 및 라이센스: ree, MIT🎜🎜🎜수집할 가치가 있는 20개의 프런트엔드 개발 ICON 아이콘 라이브러리🎜🎜🎜🎜Fontisto🎜은 벡터 아이콘 팩입니다. 아이콘은 크기, 색상, 그림자 및 CSS가 할 수 있는 모든 기능을 즉시 사용자 정의할 수 있습니다. 본 상품은 자바스크립트가 필요하지 않습니다. 🎜Fontisto🎜 아이콘은 벡터이므로 고해상도 디스플레이에서 멋지게 보입니다. 🎜🎜이 웹사이트에서 제품 출시 및 사용자 정의 방법에 대한 전체 문서와 다양한 가이드를 찾을 수 있습니다. 제품 사용을 시작하려면 웹사이트에 링크를 붙여넣기만 하면 됩니다. 또한 적절한 패키지 관리자(npm, Yarn, Bower 등)와 함께 Fontisto를 사용할 수 있습니다. 🎜🎜🎜🎜4, Iconmonstr🎜🎜🎜🎜웹사이트: https://iconmonstr.com/🎜🎜형식 및 유형: SVG, EPS, PSD 및 PNG, Marketplace🎜가격 및 라이센스: 무료🎜🎜🎜수집할 가치가 있는 20개의 프런트엔드 개발 ICON 아이콘 라이브러리🎜🎜🎜Iconmonstr의 아이콘 컬렉션에는 4400 개의 아이콘이 있습니다. 각 아이콘 세트는 다양한 디자인 응용 프로그램에서 사용할 수 있도록 그래픽의 윤곽선 버전과 채워진 버전을 모두 제공합니다. 사이트의 모든 아이콘은 무료로 제공되며, 아이콘 파일은 SVG, AI, PSDPNG와 같은 형식으로 제공되므로 무료 및 상업용 모두 사용할 수 있습니다. 목적. 🎜

Iconmonstr 강력한 검색 기능으로 아이콘을 쉽게 검색할 수 있습니다. 나중에 사용할 수 있도록 즐겨찾는 아이콘을 개인 즐겨찾기에 저장할 수도 있습니다.

하이라이트:

  • 모든 아이콘에 대한 무료 액세스
  • 4가지 형식의 다운로드 옵션 및 웹 사용에 최적화된 축소된 아이콘

5 Pixsellz Material Icons Library

웹사이트: https:/ /icons.pixsellz.io/
형식 및 유형: SVG, EPS, PSD, PNG, 그림, 재료 디자인
가격 및 라이센스: 무료, Apache 라이센스 버전 2.0

수집할 가치가 있는 20개의 프런트엔드 개발 ICON 아이콘 라이브러리

많은1000여러 아이콘이 16개의 다양한 카테고리로 구분됩니다. 무료 아이콘 팩은 머티리얼 디자인에서 영감을 얻었으며 원, 윤곽선, 투톤의 세 가지 시각적 스타일로 제공됩니다. 키트에는 6가지 파일 형식이 있으므로 선호하는 디자인 소프트웨어의 아이콘을 사용할 수 있습니다. 1000多个图标分为16个不同类别。 免费的图标包灵感来自Material设计,并以三种不同的视觉风格呈现-圆形,轮廓和两色。 该套件有请输入代码6种不同的文件格式,因此我们可以使用首选设计软件中的图标。

亮点:

  • 3 种风格
  • Figma 风格
  • 1000多个图标
  • 24×24 像素
  • 素描风格
  • 16个类别,以及6 种文件格式

6、Entypo

网址:http://www.entypo.com/
格式和类型: SVG
价格和许可证:Free, Creative Common License 4.0

수집할 가치가 있는 20개의 프런트엔드 개발 ICON 아이콘 라이브러리

Entypo是 svg 图标系列产品,几年前由瑞典的 Daniel Bruce 精心制作而成。 这些图标非常棒:在赠品方面,它们是最重要的。 该产品以 SVG 形式提供,带有411个图标,免费提供知识共享许可。

7、Evil Icons

网址:https://evil-icons.io/
格式和类型: SVG, Sketch
价格和许可证:Free, MIT

수집할 가치가 있는 20개의 프런트엔드 개발 ICON 아이콘 라이브러리

这个库很大包含所有内容-包括SVG和原始源文件。 这意味着我们可以下载SVG以及Illustrator文件和Sketch.sketch文件。

8、Streamline Icons

网址:https://streamlineicons.com/
格式和类型:  ICONJAR, SKETCH, FIG, XD, SVG, AI, PDF, PNG
价格和许可证:免费到 1

수집할 가치가 있는 20개의 프런트엔드 개발 ICON 아이콘 라이브러리

Streamline Icons是一个兼容性强的免费图标库存。 该库按`53`个类别进行组织,带有30000多个矢量图标。

这是为 Sketch 优化的少数几个图标包之一,可轻松操纵笔触宽度和颜色。 诸如symbols 和共享样式之类的内置 Sketch 功能使重复使用元素(如图标)变得快速,容易。

该公司拥有自己的 Web 应用程序,可帮助直接从浏览器浏览,搜索和下载图标。

亮点:

  • 超过30000个矢量图标
  • 智能笔触修改轮廓厚度
  • 支持 Sketch, AI, EPS, PDF, PNG, SVG 格式
  • Streamline 3.0 中的每个图标都有三个唯一的权重:浅色,常规和粗体

9、Smashicons

网址:https://smashicons.com/
格式和类型: JAR, SVG, AI, SKETCH, Marketplace
价格和许可证:免费到 9

수집할 가치가 있는 20개의 프런트엔드 개발 ICON 아이콘 라이브러리

Smashicons 在其库中提供了超过219000+하이라이트:

3가지 스타일

🎜Figma 스타일🎜🎜1000개 이상의 아이콘🎜🎜24×24픽셀🎜🎜스케치 스타일🎜🎜16개 카테고리 및 6가지 파일 형식🎜🎜🎜🎜 🎜 6. 엔타이포🎜🎜🎜 🎜URL: http://www.entypo.com/🎜🎜형식 및 유형 : SVG🎜가격 및 라이선스: 무료, Creative Common License 4.0🎜🎜🎜수집할 가치가 있는 20개의 프런트엔드 개발 ICON 아이콘 라이브러리🎜🎜🎜🎜Entypo🎜는 몇 년 전 스웨덴의 Daniel Bruce가 신중하게 제작한 svg 아이콘 시리즈 제품입니다. 이 아이콘은 정말 훌륭합니다. 경품 행사에 있어 가장 중요한 아이콘입니다. 이 제품은 Creative Commons 라이센스에 따라 무료로 411 아이콘이 포함된 SVG로 제공됩니다. 🎜🎜🎜🎜7. 사악한 아이콘🎜🎜🎜🎜웹사이트: https://evil-icons. io/🎜🎜형식 및 유형: SVG, Sketch🎜가격 및 라이센스: 무료, MIT🎜🎜🎜수집할 가치가 있는 20개의 프런트엔드 개발 ICON 아이콘 라이브러리🎜🎜🎜이 라이브러리는 규모가 크며 SVG와 원본 소스 파일을 모두 갖추고 있습니다. 즉, SVG는 물론 Illustrator 파일과 Sketch.sketch 파일도 다운로드할 수 있습니다. 🎜🎜🎜🎜8, Streamline Icons🎜🎜🎜🎜웹사이트: https://streamlineicons.com/🎜🎜 형식 및 유형: ICONJAR, SKETCH, FIG, XD, SVG, AI, PDF, PNG🎜가격 및 라이센스: 무료 ~ $411🎜🎜🎜수집할 가치가 있는 20개의 프런트엔드 개발 ICON 아이콘 라이브러리🎜🎜🎜🎜Streamline Icons🎜는 강력한 호환성을 갖춘 무료 아이콘 인벤토리입니다. 라이브러리는 '53' 카테고리로 구성되어 있으며 30000개의 추가 벡터 아이콘이 함께 제공됩니다. 🎜🎜이것은 Sketch에 최적화된 몇 안 되는 아이콘 팩 중 하나이며 획 너비와 색상을 쉽게 조작할 수 있습니다. 기호 및 공유 스타일과 같은 내장 Sketch 기능을 사용하면 아이콘과 같은 요소를 빠르고 쉽게 재사용할 수 있습니다. 🎜🎜회사에는 브라우저에서 직접 아이콘을 탐색, 검색 및 다운로드하는 데 도움이 되는 자체 웹 애플리케이션이 있습니다. 🎜🎜🎜하이라이트: 🎜🎜🎜🎜30000개 이상의 벡터 아이콘 🎜🎜윤곽선 두께를 수정하는 스마트 스트로크 🎜🎜Sketch, AI, EPS, PDF, PNG, SVG 형식 지원 🎜🎜Streamline 3.0의 모든 기능 각 아이콘에는 Light, Regular 및 Bold🎜🎜🎜9의 세 가지 고유한 가중치가 있습니다. Smashicons🎜🎜🎜🎜웹사이트: https://smashicons.com/🎜🎜형식 및 유형: JAR, SVG, AI, SKETCH, Marketplace🎜가격 및 라이센스: 무료 ~ $149🎜🎜🎜수집할 가치가 있는 20개의 프런트엔드 개발 ICON 아이콘 라이브러리🎜🎜🎜🎜Smashicons🎜는 219000+ 아이콘입니다. 🎜Smashicons🎜는 다른 제품과 약간 다르게 작동합니다. 가격은 월 $5의 월간 요금제를 기준으로 합니다. 즉, 한 달에 5달러만 내면 기존 아이콘 전체 컬렉션은 물론 향후 출시할 아이콘에도 액세스할 수 있습니다. 🎜🎜🎜하이라이트:🎜🎜
  • 매우 큰 아이콘 모음
  • 여러 플랫폼과 모두 호환되는 아이콘이 있습니다.
  • 웹 앱을 사용하여 필요한 아이콘을 쉽게 검색하고 찾을 수 있습니다.
  • 구독 기반 비즈니스 모델
  • 다중 플랫폼 지원

10개의 아이콘8 에 설정된 아이콘은 여러 카테고리에 걸쳐 120000 이상의 아이콘과 함께 제공됩니다. 기업 및 사무실 설정부터 사람, 음식, 소셜 미디어 아이콘까지. 이러한 아이콘은 특정 운영 체제의 모양을 모방하도록 디자인되었습니다. Windows, iOS 및 Android 버전으로 다운로드할 수 있습니다.

하이라이트:

SVG, PNG 및 HTML 형식

선형 아이콘, 단색 아이콘, 풀 컬러 등 다양한 스타일의 아이콘 제공수집할 가치가 있는 20개의 프런트엔드 개발 ICON 아이콘 라이브러리모든 아이콘은 .zip 파일을 통해 다운로드 가능

다운로드하기 전에 편집 가능

무료 및 유료 구독 옵션120000个图标,涵盖多个类别。 从企业和办公室设置到人,食物和社交媒体图标。 这些图标旨在模仿特定操作系统的外观。 我们可以在Windows,iOS 和 Android 版本中下载它们。

亮点:

  • SVG、PNG 和 HTML 格式
  • 提供各种样式的图标,例如线性图标,实心图标和全彩色
  • 所有图标都可以通过.zip文件下载
  • 下载前可编辑
  • 免费和付费订阅选项

11、Icomoon

网址:https://icomoon.io/
格式和类型:SVG, PNG, PDF
价格和许可证:免费到 9.90

1수집할 가치가 있는 20개의 프런트엔드 개발 ICON 아이콘 라이브러리

Icomoon 是用于图像和图标管理的完整工具。 该产品具有用于编辑和管理图标的高质量解决方案。 Icomoon 图标是在16X16网格上手工制作的,并提供SVG,EPS,PSD,PDFAI格式。 图标集也由其创建者不断更新。

每个图标包都有详细的授权许可,这样设计人员和开发人员就可以确切地知道如何使用图标。用户还可以定制自己的图标字体。

亮点:

  • 综合图标管理工具
  • 免费和付费下载选项
  • 多种下载格式

12、Glyphish Icon Pack

网址:http://www.glyphish.com/
格式和类型:SVG, PNG, PDF, PSD, Glyph, Icon font
价格和许可证: Creative Common Attribution, 从25美元到99美元

1수집할 가치가 있는 20개의 프런트엔드 개발 ICON 아이콘 라이브러리

Glyphish提供了各种不同的图标库。 每个库都有各种不同的格式,包括PNGSVGPSDAI。 基本图标的价格为25美元,而最终的图标包的正常价格为99美元。 免费演示包含50个图标。 设计人员可以轻松编辑所有图标。

亮点:

  • 多个平台的图标:iOS,Android,Web,Window
  • 一组50个免费图标
  • 轻松拖放到Xcode中
  • 适用于Apple Retina显示屏的图标

13、Ionicons

网址:https://ionicons.com/
格式和类型: SVG and Webfont, Icon font
价格和许可证: MIT

1수집할 가치가 있는 20개의 프런트엔드 개발 ICON 아이콘 라이브러리

Ionic 小组决定以称为Ionicons的网络字体的形式发布其图标。 自然,它们是完全免费的,并且可以在GitHub

11, Icomoon

웹사이트: https:/ /icomoon .io/
  • 형식 및 유형: SVG, PNG, PDF
  • 가격 및 라이센스: 무료 ~ $139.90
  • 1수집할 가치가 있는 20개의 프런트엔드 개발 ICON 아이콘 라이브러리
  • Icomoon
  • 은 이미지 및 아이콘 관리를 위한 완벽한 도구입니다. 이 제품은 아이콘 편집 및 관리를 위한 고품질 솔루션을 제공합니다. Icomoon 아이콘은 16X16 그리드에 직접 제작되었으며 SVG, EPS, PSD, PDFAI 형식으로 제공됩니다. 아이콘 세트는 작성자에 의해 지속적으로 업데이트됩니다.
  • 각 아이콘 팩에는 자세한 라이선스가 함께 제공되므로 디자이너와 개발자는 아이콘 사용 방법을 정확히 알 수 있습니다. 사용자는 자신만의 아이콘 글꼴을 사용자 정의할 수도 있습니다.

하이라이트:

종합 아이콘 관리 도구

무료 및 유료 다운로드 옵션
다양한 다운로드 형식

1수집할 가치가 있는 20개의 프런트엔드 개발 ICON 아이콘 라이브러리12. Glyphish Icon Pack

🎜🎜웹사이트: http://www.glyphish.com/🎜🎜형식 및 유형: SVG, PNG, PDF, PSD, Glyph, 아이콘 글꼴🎜가격 및 라이센스: Creative Common Attribution, $25 ~ ​​$99 🎜🎜🎜 .png" alt="1수집할 가치가 있는 20개의 프런트엔드 개발 ICON 아이콘 라이브러리"/>🎜🎜🎜🎜Glyphish🎜는 다양한 아이콘 라이브러리를 제공합니다. 각 라이브러리는 PNG, SVG, PSD, AI를 포함한 다양한 형식으로 제공됩니다. 기본 아이콘은 25달러에 구입할 수 있으며, 최종 아이콘 팩의 일반 가격은 99달러입니다. 무료 데모에는 50 아이콘이 포함되어 있습니다. 디자이너는 모든 아이콘을 쉽게 편집할 수 있습니다. 🎜🎜🎜 하이라이트: 🎜🎜🎜🎜다양한 플랫폼용 아이콘: iOS, Android, 웹, Window🎜🎜50개의 무료 아이콘 세트🎜🎜Xcode로 쉽게 드래그 앤 드롭🎜🎜Apple Retina 디스플레이용 아이콘🎜🎜 🎜🎜🎜13 , Ionicons🎜🎜🎜🎜웹사이트: https://ionicons.com/🎜🎜형식 및 유형: SVG 및 웹폰트, 아이콘 폰트🎜가격 및 라이센스: MIT🎜🎜🎜1수집할 가치가 있는 20개의 프런트엔드 개발 ICON 아이콘 라이브러리🎜🎜🎜Ionic 팀은 🎜Ionicons🎜라는 웹 글꼴 형태로 아이콘을 출시하기로 결정했습니다. 당연히 완전히 무료이며 GitHub에서 사용할 수 있습니다. SVG 및 웹 글꼴도 지원하는 스타일시트의 🎜CDN🎜 버전을 사용하여 이러한 아이콘을 사이트에 직접 추가할 수도 있습니다. 🎜🎜🎜 하이라이트: 🎜🎜🎜🎜 완전 무료 🎜🎜 링크 복사 및 붙여넣기로 쉽게 설정 🎜🎜 웹 글꼴로 제공 🎜🎜 사용자 정의 크기 🎜🎜 1100개 이상의 프로젝트 🎜🎜🎜🎜🎜14, 각도 머티리얼 아이콘🎜 🎜 🎜 🎜웹사이트: 🎜https://material.io/resources... 🎜🎜형식 및 유형: SVG, 웹폰트, 머티리얼 디자인 🎜가격 및 라이센스: 무료, Apache 라이센스 2.0🎜🎜🎜🎜🎜🎜

Material IconGoogle에서 제공하는 무료 아이콘 라이브러리입니다. 가독성과 명확성을 보장하기 위해 이러한 아이콘은 모든 플랫폼과 디스플레이에서 멋지게 보이도록 최적화되었습니다. 이 아이콘은 완전 무료이며 GitHub에서 액세스할 수 있습니다. 이 아이콘 라이브러리는 광범위한 인터페이스 기능을 포괄하는 1,000 이상의 아이콘을 포함하고 있어 규모가 큽니다. Google提供的免费图标库。 为了确保可读性和清晰度,这些图标已进行了优化,以在所有平台和显示器上看起来都很好。 这些图标是完全免费的,可以在GitHub上访问。 这个图标库很大,有超过1,000个图标涵盖了广泛的界面功能。

15、Linearicons

网址:https://linearicons.com/
格式和类型:  SVG, Webfont, Icon font
价格和许可证:免费到59美元,Common Creative License

1수집할 가치가 있는 20개의 프런트엔드 개발 ICON 아이콘 라이브러리

Linearicons是用于个人或商业目的的最受欢迎和最佳图标包之一。 Linearicons 有有免费和高级版本,此惊人的图标包的免费版本已获得Creative Common许可。 我们还可以根据需要选择其他软件包,例如“桌面软件包”。

亮点:

  • CloudFront CDN
  • 提供免费版本
  • 带有不同的格式:SVG,PDF,Webfont。

16、Feathericons

网址:https://feathericons.com/
格式和类型:  SVG, Webfont, Iconfont
价格和许可证:Free, MIT License

1수집할 가치가 있는 20개의 프런트엔드 개발 ICON 아이콘 라이브러리

Feather是最受欢迎的开源图标集之一。 这些是在24X24网格上设计的开源图标。 这些图标以SVG格式提供。 它已获得MIT许可,并且在开源中大约有250多个图标。

这些图标很容易编辑,无论大小都很清晰。它们首先被设计成一种图标字体,所以它是作为一种web字体嵌入的。

17、Iconfinder

网址https://www.iconfinder.com/
格式和类型:SVG, PNG, ICO, Marketplace
价格和许可证:每月9美元至49美元

1수집할 가치가 있는 20개의 프런트엔드 개발 ICON 아이콘 라이브러리

Iconfinder是网络上最受欢迎的图标资源之一。 它提供了超过400万个图标,为用户提供了各种搜索选项,包括图标格式,价格,大小,背景等。还有多个月度付款计划-从。 我们也可以选择“随用随付”系统。

图标文件提供SVG,PNG,ICO,ICNSAdobe Illustrator格式,尺寸范围为16×16512×512。 如果找不到自己喜欢的东西,或者只是想要专门为我们品牌设计的自定义图标,也可以与网站上的一些最佳设计师合作。

亮点:

  • 免费和付费使用选项
  • 灵活的搜索功能
  • 提供多种格式的图标
  • 很多类别和样式
  • 标编辑器

18、The Noun Project

网址:https://thenounproject.com/
格式和类型:SVG, PNG, Marketplace
价格和许可证:Creative Commons License

1수집할 가치가 있는 20개의 프런트엔드 개발 ICON 아이콘 라이브러리

Noun Project 提供了网络上最大的图标库之一。 该网站的大多数图标都以SVGPNG格式以及黑白样式提供。

该网站的库由各种独立设计师设计的图标文件组成。 在这里,创作者和创意专业人士可以合作销售他们的设计,并找到看似无穷无尽的高级图标库。

搜索这个庞大而全面的图标库非常容易。 该图标库的其他主要功能包括免费和高级下载选项,许多大型图标集,适用于Mac的应用程序等等。 该图标库会定期更新,并且每天都会发布新的图标和集。

亮点:

  • 超过150,000
  • 15. Linearicons
  • 웹사이트: https://linearicons.com/
    형식 및 유형: SVG, 웹 글꼴, 아이콘 글꼴
    가격 및 라이선스: 최대 $59, Common Creative License
  • 1수집할 가치가 있는 20개의 프런트엔드 개발 ICON 아이콘 라이브러리

Linearicons은 개인용이거나 다음 중 하나입니다. 비즈니스 목적으로 가장 인기 있고 최고의 아이콘 팩입니다. 선형 아이콘은 무료 버전과 프리미엄 버전으로 제공되며, 이 놀라운 아이콘 팩의 무료 버전은 Creative Commons에 따라 라이센스가 부여됩니다. 필요에 따라 "데스크탑 패키지"와 같은 다른 패키지를 선택할 수도 있습니다.

🎜하이라이트:🎜🎜
    🎜CloudFront CDN🎜🎜은 SVG, PDF, 웹폰트 등 다양한 형식의 무료 버전🎜🎜을 제공합니다. 🎜🎜🎜🎜🎜16. Feathericons🎜🎜🎜🎜웹사이트: https://feathericons.com/ a>
    형식 및 유형: SVG, Webfont, Iconfont
    가격 및 라이선스: 무료, MIT 라이선스🎜🎜1수집할 가치가 있는 20개의 프런트엔드 개발 ICON 아이콘 라이브러리🎜🎜🎜🎜Feather🎜는 가장 인기 있는 오픈 소스 아이콘 세트 중 하나입니다. 하나. 24X24 그리드에 디자인된 오픈 소스 아이콘입니다. 이러한 아이콘은 SVG 형식으로 제공됩니다. MIT 라이선스에 따라 라이선스가 부여되며 오픈 소스에 약 250 아이콘이 있습니다. 🎜🎜이 아이콘은 편집하기 쉽고 크기에 관계없이 선명하게 보입니다. 처음에는 아이콘 글꼴로 디자인되었기 때문에 웹 글꼴로 내장되어 있습니다. 🎜🎜🎜🎜17, Iconfinder🎜🎜🎜🎜웹사이트
    https://www.iconfinder.com/
    형식 및 유형: SVG, PNG, ICO, 마켓플레이스
    가격 및 라이선스: 월 $9~$49 🎜🎜1수집할 가치가 있는 20개의 프런트엔드 개발 ICON 아이콘 라이브러리🎜🎜🎜🎜Iconfinder🎜은 네트워크 중 하나입니다. 웹에서 가장 인기 있는 아이콘 리소스입니다. 4억백만 개가 넘는 아이콘을 제공하며 사용자에게 아이콘 형식, 가격, 크기, 배경 등을 포함한 다양한 검색 옵션을 제공합니다. $9부터 $49까지 다양한 월별 지불 계획도 있습니다. 또한 "종량제" 시스템을 선택할 수도 있습니다. 🎜🎜Icon 파일은 SVG, PNG, ICO, ICNSAdobe Illustrator 형식으로 제공되며 크기는 16×16에서 까지입니다. >512× 512. 마음에 드는 것을 찾을 수 없거나 당사 브랜드를 위해 특별히 디자인된 맞춤형 아이콘을 원하는 경우 사이트에서 최고의 디자이너들과 함께 작업할 수도 있습니다. Highlights : 🎜🎜
      🎜
        elfree 및 유료 사용량 옵션 착 일식 검색 기능 🎜🎜 여러 형식으로 아이콘을 제공합니다. 🎜🎜웹사이트: https://thenounproject.com/
        형식 및 유형: SVG, PNG, 마켓플레이스
        가격 및 라이선스: Creative Commons License🎜🎜1수집할 가치가 있는 20개의 프런트엔드 개발 ICON 아이콘 라이브러리🎜🎜🎜🎜Noun Project🎜는 웹에서 가장 큰 아이콘 라이브러리 중 하나를 제공합니다. 대부분의 사이트 아이콘은 SVGPNG 형식과 흑백 스타일로 제공됩니다. 🎜🎜웹사이트의 라이브러리는 독립 디자이너가 디자인한 다양한 아이콘 파일로 구성되어 있습니다. 여기에서 창작자와 크리에이티브 전문가는 협력하여 자신의 디자인을 판매하고 끝이 없어 보이는 프리미엄 아이콘 라이브러리를 찾을 수 있습니다. 🎜🎜이 크고 포괄적인 아이콘 라이브러리를 검색하는 것은 쉽습니다. 이 아이콘 라이브러리의 다른 주요 기능으로는 무료 및 프리미엄 다운로드 옵션, 다양한 대형 아이콘 세트, Mac용 앱 등이 있습니다. 아이콘 라이브러리는 정기적으로 업데이트되며 매일 새로운 아이콘과 세트가 출시됩니다. 🎜🎜🎜 하이라이트: 🎜🎜
          🎜150,000개 이상의 아이콘 🎜🎜SVG, PNG 형식 🎜🎜검색 및 탐색 도구 🎜🎜무료 및 유료 다운로드 옵션 🎜🎜거의 매일 업로드되는 새로운 아이콘🎜 🎜🎜 🎜🎜19、글꼴 아이콘🎜🎜🎜

          웹사이트:https://fontawesome.com/icons
          형식 및 유형: SVG, PNG, 아이콘 글꼴, Marketplace
          가격 및 라이센스: SIL OFL 1.1

          수집할 가치가 있는 20개의 프런트엔드 개발 ICON 아이콘 라이브러리

          Font Awesome은 다음 위치에서 사용됩니다. 가장 광범위하고 인기 있는 아이콘 글꼴입니다. 이는 부팅 시 Teams에 설정된 기본 아이콘이기도 합니다. SVG 아이콘은 물론 다른 형식으로도 사용할 수 있습니다. 이 라이센스는 상업적 또는 개인적 용도로 무료로 제공됩니다.

          모든 아이콘은 완전히 확장 가능하며 CSS에서 직접 유지 관리할 수 있습니다. 순수한 CSS3를 사용하여 색상, 그림자, 배경 그라데이션 및 기타 거의 모든 것을 변경할 수 있습니다. 이 라이브러리를 사용하는 또 다른 이유는 완전히 최적화되어 있으며 JavaScript가 전혀 필요하지 않으므로 호환성 문제가 없다는 것입니다. CSS3更改颜色,阴影,背景渐变以及几乎所有其他内容。 使用此库的另一个原因是,它已完全优化,并且完全不需要JavaScript,因此没有兼容性问题。

          亮点:

          • 矢量字体
          • 每个图标都带有CSS类和Unicode
          • 免费
          • 考虑到可访问性而构建
          • 易于跨网站升级
          • 提供整个图标库的桌面备忘单

          20、Lineicons

          网址:https://lineicons.com/
          格式和类型:SVG, Web font, Icon fontace
          价格和许可证:免费

          수집할 가치가 있는 20개의 프런트엔드 개발 ICON 아이콘 라이브러리

          LineIcons 还提供带有清晰文档的免费CDN,使其易于入门。

          该图标包是完全免费的,并带有450多个线型图标。 它涵盖了来自不同类别的项目所需的每个基本图标。 LineIcons 还提供免费的CDN和清晰的文档,以轻松上手。 它带有2个不同的可伸缩软件包–可以根据项目需要使用WebFontsSVG

          하이라이트:

            벡터 글꼴
          • 모든 아이콘에는 CSS 클래스와 유니코드가 함께 제공됩니다.
          • 무료
          • 접근성을 염두에 두고 제작됨

          여러 사이트에서 쉽게 업그레이드 가능 전체 아이콘 라이브러리의 데스크톱 백업 가능 목록 잊어버리기

          20, Lineicons

          웹사이트: https://lineicons.com/

          형식 및 유형: SVG, 웹 글꼴, 아이콘 글꼴

          가격 및 라이센스: 무료

          수집할 가치가 있는 20개의 프런트엔드 개발 ICON 아이콘 라이브러리

          LineIcons

          또한 명확한 문서가 포함된 무료 CDN을 제공하므로 쉽게 시작할 수 있습니다. 🎜🎜이 아이콘 팩은 완전 무료이며 450 여러 줄 아이콘과 함께 제공됩니다. 다양한 카테고리의 프로젝트에 필요한 모든 기본 아이콘을 다룹니다. 🎜LineIcons🎜 또한 쉽게 시작할 수 있도록 무료 CDN과 명확한 문서를 제공합니다. 프로젝트 요구 사항에 따라 사용할 수 있는 WebFontsSVG 파일이라는 2가지 확장 가능한 패키지가 함께 제공됩니다. 🎜🎜🎜 하이라이트: 🎜🎜🎜🎜450개 이상의 무료 아이콘 🎜🎜SVG 파일 🎜🎜무료 CDN🎜🎜🎜🎜🎜요약🎜🎜🎜🎜아이콘 라이브러리를 선택하는 것은 아이콘 라이브러리의 인기를 기준으로 해서는 안 됩니다. 어느 것 현재 개발 프로젝트에 어떤 아이콘 라이브러리가 더 적합한지, 그리고 어떤 아이콘 라이브러리의 스타일이 우리 애플리케이션의 스타일과 더 잘 맞는지. 🎜🎜이 기사가 귀하의 요구 사항에 가장 적합한 솔루션을 선택하는 데 도움이 되기를 바랍니다. 🎜🎜🎜영어 원본 주소: https://blog/top-icons-packs-and-resources-for-web/🎜🎜저자: Eugene Stepnov🎜🎜번역 주소: https://segmentfault.com/a/1190000022273604🎜 🎜🎜더 많은 프로그래밍 관련 지식을 보려면 🎜프로그래밍 비디오🎜를 방문하세요! ! 🎜

위 내용은 수집할 가치가 있는 20개의 프런트엔드 개발 ICON 아이콘 라이브러리의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 segmentfault.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제