Heim > Web-Frontend > js-Tutorial > Hauptteil

20 ICON-Icon-Bibliotheken für die Frontend-Entwicklung, die es wert sind, gesammelt zu werden

青灯夜游
Freigeben: 2021-02-26 10:27:28
nach vorne
12714 Leute haben es durchsucht

In diesem Artikel stellen wir Ihnen 20 ICON-Symbolbibliotheken vor (die es wert sind, gesammelt zu werden), um Ihre Website schön und lesbar zu machen. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird für alle hilfreich sein.

20 ICON-Icon-Bibliotheken für die Frontend-Entwicklung, die es wert sind, gesammelt zu werden

Das Vorhandensein von Symbolen in der Anwendungsoberfläche vermittelt Benutzern einen guten ersten Eindruck, was sehr wichtig ist. Doch die Entwicklung eines Icons von Grund auf erfordert viel Zeit und Geld. Durch die Verwendung von Symbolen auf Ihrer Website können Sie effektiv mit Ihren Besuchern kommunizieren: Sie verbessern die Lesbarkeit, heben wichtige Inhalte hervor, verstärken Funktionalität oder Features und verbessern das Design. Daher ist die Verwendung vorgefertigter Symbole eine gute Wahl.

Liste der besten Icon-Bibliotheken

Ich werde Alibabas iconfont im Grunde nicht vorstellen und jetzt einen Blick auf einige nützliche Icon-Bibliotheken im Ausland werfen.

1, Flaticon

Website: https://www.flaticon.com/packs
Formate und Typen: PNG, SVG, EPS, PSD und BASE 64, Marktplatz
Preis und Lizenz: Begrenzt kostenloser Plan und Premium-Plan ab 9,99 $ pro Monat

20 ICON-Icon-Bibliotheken für die Frontend-Entwicklung, die es wert sind, gesammelt zu werden

Flaticon enthält vollständig bearbeitbare Vektoren zur Verwendung in persönlichen und kommerziellen Projekten. FlatIcon verfügt über 230 Millionen Vektorsymbole, die in 51202-Paketen gruppiert sind. 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-Icon-Bibliotheken für die Frontend-Entwicklung, die es wert sind, gesammelt zu werden

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

3、Fontisto Icon Pack

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

20 ICON-Icon-Bibliotheken für die Frontend-Entwicklung, die es wert sind, gesammelt zu werden

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

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

4、Iconmonstr

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

20 ICON-Icon-Bibliotheken für die Frontend-Entwicklung, die es wert sind, gesammelt zu werden

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

Dieses Produkt verfügt über eine Adobe-Erweiterung, die uns den einfachen Import von Symbolen in Photoshop ermöglicht in Illustrator und After Effects. Wenn Sie zur Darstellung Ihres Icons einen Web-Font statt einer statischen Datei verwenden möchten, übernimmt FlatIcon die Formatkonvertierung und generiert einen verwendbaren Web-Font. Wir können auch das heruntergeladene Symbol anpassen. 🎜🎜🎜Highlights🎜: 🎜
  • Mehr als 90.000 Symbole
  • Symbolschriftarten; ;
  • Adobe-Erweiterung für CC Suite;
  • Linkshare-Lizenz mit Premium-Optionen;
  • Und jeden Monat werden neue Icon-Pakete hinzugefügt;
🎜🎜🎜2, Jam Icons🎜🎜🎜🎜Website: https: //jam-icons.com /🎜🎜Formate und Typen: SVG, CSS🎜Preis und Lizenz: Kostenlos, MIT🎜🎜20 ICON-Icon-Bibliotheken für die Frontend-Entwicklung, die es wert sind, gesammelt zu werden🎜🎜Jam Icons ist ein Satz von 896 handgefertigten Symbolen. Dieses Symbolpaket bietet SVG- und Schriftartenversionen. Diese Symbole können als SVG-Dateien in Web-, Druck- oder Anwendungsentwicklungsprojekten verwendet werden. Diese Symbole können auch als Schriftarten für ein bestimmtes CSS-Stylesheet verwendet werden. Es gibt drei Größen: 16px, 24px und 32px. Wir können auch zwischen gefüllten oder gestrichelten Symbolen wählen. 🎜🎜🎜🎜3. Fontisto Icon Pack🎜🎜🎜🎜Website: https://fontisto.com/🎜 🎜Format und Typ: CSS 🎜Preis und Lizenz: ree, MIT🎜🎜🎜20 ICON-Icon-Bibliotheken für die Frontend-Entwicklung, die es wert sind, gesammelt zu werden🎜🎜🎜🎜Fontisto🎜 ist ein Vektor-Icon-Paket. Symbole können sofort angepasst werden: Größe, Farbe, Schatten und alles, was CSS kann. Für dieses Produkt ist kein Javascript erforderlich. 🎜Fontisto🎜-Symbole sind Vektorsymbole, was bedeutet, dass sie auf hochauflösenden Displays großartig aussehen. 🎜🎜Auf dieser Website finden wir eine vollständige Dokumentation und verschiedene Anleitungen zum Starten und Anpassen des Produkts. Wir müssen lediglich den Link auf der Website einfügen, um mit der Nutzung des Produkts zu beginnen. Darüber hinaus können Sie Fontisto mit einem geeigneten Paketmanager verwenden: npm, Yarn, Bower usw. 🎜🎜🎜🎜4. Iconmonstr🎜🎜🎜🎜Website: https://iconmonstr.com/🎜🎜Format und Typen: SVG, EPS, PSD und PNG, Marktplatz🎜Preis und Lizenz: Kostenlos🎜🎜🎜20 ICON-Icon-Bibliotheken für die Frontend-Entwicklung, die es wert sind, gesammelt zu werden🎜🎜🎜Iconmonstr hat 4400 mehrere Symbole in seiner Symbolsammlung. Jeder Symbolsatz bietet sowohl Umriss- als auch gefüllte Versionen der Grafiken, um sicherzustellen, dass sie in einer Vielzahl von Designanwendungen verwendet werden können. Jedes Symbol auf der Website ist kostenlos verfügbar und die Symboldateien liegen in Formaten wie SVG, AI, PSD und PNG vor, die sowohl kostenlos als auch kommerziell verwendet werden können Zwecke. 🎜

Iconmonstr erleichtert die Suche nach Symbolen mit seiner leistungsstarken Suchfunktion. Wir können unsere Lieblingssymbole auch in persönlichen Favoriten für die zukünftige Verwendung speichern.

Highlights:

  • Kostenloser Zugriff auf alle Symbole
  • Download-Optionen in vier Formaten und reduzierte Symbole, die für die Webnutzung optimiert sind

5. Pixsellz Material Icons Library

Website: https:/ /icons.pixsellz.io/
Formate und Typen: SVG, EPS, PSD, PNG, FIG, Material Design
Preis und Lizenz: Kostenlos, Apache-Lizenz Version 2.0

20 ICON-Icon-Bibliotheken für die Frontend-Entwicklung, die es wert sind, gesammelt zu werden

Viele 1000Mehrere Symbole, unterteilt in 16 verschiedene Kategorien. Das kostenlose Icon-Paket ist vom Materialdesign inspiriert und wird in drei verschiedenen visuellen Stilen präsentiert – Kreis, Umriss und zweifarbig. Das Kit ist in 6 verschiedenen Dateiformaten erhältlich, sodass wir Symbole aus unserer bevorzugten Designsoftware verwenden können. 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-Icon-Bibliotheken für die Frontend-Entwicklung, die es wert sind, gesammelt zu werden

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

7、Evil Icons

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

20 ICON-Icon-Bibliotheken für die Frontend-Entwicklung, die es wert sind, gesammelt zu werden

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

8、Streamline Icons

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

20 ICON-Icon-Bibliotheken für die Frontend-Entwicklung, die es wert sind, gesammelt zu werden

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-Icon-Bibliotheken für die Frontend-Entwicklung, die es wert sind, gesammelt zu werden

Smashicons 在其库中提供了超过219000+Highlights:

3 Stile

🎜Figma-Stil🎜🎜1000+ Symbole🎜🎜24×24 Pixel🎜🎜Skizzenstil🎜🎜16 Kategorien und 6 Dateiformate🎜🎜🎜🎜 🎜 6. Entypo🎜🎜🎜 🎜URL: http://www.entypo.com/🎜🎜Format und Typ: SVG🎜Preis und Lizenz: Kostenlos, Creative Common License 4.0🎜🎜🎜20 ICON-Icon-Bibliotheken für die Frontend-Entwicklung, die es wert sind, gesammelt zu werden🎜🎜🎜🎜Entypo🎜 ist ein Produkt der SVG-Icon-Serie, das vor einigen Jahren sorgfältig von Daniel Bruce aus Schweden hergestellt wurde. Diese Symbole sind großartig: Sie sind die wichtigsten, wenn es um Giveaways geht. Dieses Produkt ist als SVG mit 411-Symbolen kostenlos unter einer Creative Commons-Lizenz verfügbar. 🎜🎜🎜🎜7. Evil Icons🎜🎜🎜🎜Website: https://evil-icons. io/🎜🎜Formate und Typen: SVG, Sketch🎜Preis und Lizenz: Kostenlos, MIT🎜🎜🎜20 ICON-Icon-Bibliotheken für die Frontend-Entwicklung, die es wert sind, gesammelt zu werden🎜🎜🎜Diese Bibliothek ist riesig und hat alles – sowohl SVG- als auch Original-Quelldateien. Das bedeutet, dass wir sowohl SVG- als auch Illustrator-Dateien und die .sketch-Dateien von Sketch herunterladen können. 🎜🎜🎜🎜8, Streamline Icons🎜🎜🎜🎜Website: https://streamlineicons.com/🎜🎜 Formate und Typen: ICONJAR, SKETCH, FIG, XD, SVG, AI, PDF, PNG. Preis und Lizenz: Kostenlos bis 411 $ /655/138/1614306152269020 ICON-Icon-Bibliotheken für die Frontend-Entwicklung, die es wert sind, gesammelt zu werden" title="1614306152269020 ICON-Icon-Bibliotheken für die Frontend-Entwicklung, die es wert sind, gesammelt zu werden" alt="20 ICON-Icon-Bibliotheken für die Frontend-Entwicklung, die es wert sind, gesammelt zu werden"/>🎜🎜🎜🎜Streamline Icons🎜 ist ein kostenloser Icon-Bestand mit starker Kompatibilität. Die Bibliothek ist in 53 Kategorien unterteilt und enthält 30000 weitere Vektorsymbole. 🎜🎜Dies ist eines der wenigen für Sketch optimierten Symbolpakete, das eine einfache Manipulation von Strichstärke und Farbe ermöglicht. Integrierte Sketch-Funktionen wie Symbole und gemeinsame Stile ermöglichen eine schnelle und einfache Wiederverwendung von Elementen wie Symbolen. 🎜🎜Das Unternehmen verfügt über eine eigene Webanwendung, mit der Sie Symbole direkt im Browser durchsuchen, suchen und herunterladen können. 🎜🎜🎜Highlights: 🎜🎜🎜🎜Mehr als 30000 Vektorsymbole 🎜🎜Intelligente Striche zum Ändern der Umrissstärke 🎜🎜Unterstützt die Formate Sketch, AI, EPS, PDF, PNG, SVG 🎜🎜Alles in Streamline 3.0 Jedes Symbol hat drei einzigartige Gewichtungen: Light, Regular und Bold🎜🎜🎜🎜🎜9, Smashicons🎜🎜🎜🎜Website: https://smashicons.com/🎜🎜Formate und Typen: JAR, SVG, AI, SKETCH, Marketplace🎜Preis und Lizenz: Kostenlos bis 149 $🎜🎜🎜20 ICON-Icon-Bibliotheken für die Frontend-Entwicklung, die es wert sind, gesammelt zu werden🎜🎜🎜🎜Smashicons🎜 bietet mehr als 219000+ Symbole. 🎜Smashicons🎜 funktioniert etwas anders als andere Produkte: Die Preisgestaltung basiert auf einem Monatsplan von 5 $ pro Monat. Das bedeutet, dass Sie für nur 5 US-Dollar pro Monat auf die gesamte Sammlung vorhandener Symbole sowie auf alle künftig veröffentlichten Symbole zugreifen können. 🎜🎜🎜Highlights:🎜🎜
  • Eine sehr große Sammlung von Symbolen
  • Es gibt Symbole, die alle mit mehreren Plattformen kompatibel sind
  • Einfach zu verwendende Web-App zum Suchen und Finden der benötigten Symbole
  • Abonnementbasiertes Geschäftsmodell
  • Unterstützung mehrerer Plattformen

10 Icons8 Das Icon-Set in enthält über 120000 Icons in mehreren Kategorien. Von Unternehmens- und Büroumgebungen bis hin zu Menschen, Essen und Social-Media-Symbolen. Diese Symbole sollen das Aussehen eines bestimmten Betriebssystems nachahmen. Wir können sie in den Versionen Windows, iOS und Android herunterladen.

Highlights:

SVG-, PNG- und HTML-Formate

Stellen Sie Symbole in verschiedenen Stilen bereit, z. B. lineare Symbole, einfarbige Symbole und Vollfarben.20 ICON-Icon-Bibliotheken für die Frontend-Entwicklung, die es wert sind, gesammelt zu werdenAlle Symbole können per ZIP-Datei heruntergeladen werden.

Bearbeitbar vor dem Herunterladen

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

亮点:

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

11、Icomoon

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

120 ICON-Icon-Bibliotheken für die Frontend-Entwicklung, die es wert sind, gesammelt zu werden

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美元

120 ICON-Icon-Bibliotheken für die Frontend-Entwicklung, die es wert sind, gesammelt zu werden

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

亮点:

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

13、Ionicons

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

120 ICON-Icon-Bibliotheken für die Frontend-Entwicklung, die es wert sind, gesammelt zu werden

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

11, Icomoon

Website: https:/ /icomoon .io/
  • Formate und Typen: SVG, PNG, PDF
  • Preis und Lizenz: Kostenlos bis 139,90 $
  • 120 ICON-Icon-Bibliotheken für die Frontend-Entwicklung, die es wert sind, gesammelt zu werden
  • Icomoon
  • ist ein umfassendes Tool zur Bild- und Symbolverwaltung. Dieses Produkt bietet hochwertige Lösungen zum Bearbeiten und Verwalten von Symbolen. Icomoon-Symbole werden in einem 16X16-Raster handgefertigt und sind in den Formaten SVG, EPS, PSD, PDF und AI verfügbar. Auch das Icon-Set wird von seinem Ersteller ständig aktualisiert.
  • Jedes Icon-Paket wird mit einer detaillierten Lizenzierung geliefert, sodass Designer und Entwickler genau wissen, wie sie die Icons verwenden. Benutzer können auch ihre eigenen Symbolschriftarten anpassen.

Highlights:

Umfassendes Icon-Management-Tool

Kostenlose und kostenpflichtige Download-Optionen
Mehrere Download-Formate

120 ICON-Icon-Bibliotheken für die Frontend-Entwicklung, die es wert sind, gesammelt zu werden12. Glyphish Icon Pack

🎜🎜Website: http://www.glyphish.com/🎜🎜Formate und Typen: SVG, PNG, PDF, PSD, Glyph, Icon-Schriftart🎜Preis und Lizenz: Creative Common Attribution, von 25 bis 99 $ 🎜🎜🎜 .png" alt="120 ICON-Icon-Bibliotheken für die Frontend-Entwicklung, die es wert sind, gesammelt zu werden"/>🎜🎜🎜🎜Glyphish🎜 bietet eine Vielzahl verschiedener Symbolbibliotheken. Jede Bibliothek ist in verschiedenen Formaten verfügbar, darunter PNG, SVG, PSD und AI. Einfache Icons sind für 25 $ erhältlich, während das endgültige Icon-Paket einen regulären Preis von 99 $ hat. Die kostenlose Demo enthält 50 Symbole. Designer können alle Symbole einfach bearbeiten. 🎜🎜🎜 Highlights: 🎜🎜🎜🎜Symbole für mehrere Plattformen: iOS, Android, Web, Fenster🎜🎜Ein Satz von 50 kostenlosen Symbolen🎜🎜Einfaches Ziehen und Ablegen in Xcode🎜🎜Symbole für das Apple Retina-Display🎜🎜 🎜🎜🎜13 , Ionicons🎜🎜🎜🎜Website: https://ionicons.com/🎜🎜Format und Typ: SVG und Webfont, Icon-Schriftart🎜Preis und Lizenz: MIT🎜🎜🎜120 ICON-Icon-Bibliotheken für die Frontend-Entwicklung, die es wert sind, gesammelt zu werden🎜🎜🎜Das Ionic-Team hat beschlossen, sein Symbol in Form einer Webschrift namens 🎜Ionicons🎜 zu veröffentlichen. Selbstverständlich sind sie völlig kostenlos und auf GitHub verfügbar. Wir können diese Symbole sogar direkt zu Ihrer Website hinzufügen, indem wir die 🎜CDN🎜-Version des Stylesheets verwenden, das auch SVG- und Web-Schriftarten unterstützt. 🎜🎜🎜 Highlights: 🎜🎜🎜🎜 Völlig kostenlos 🎜🎜 Einfache Einrichtung durch Kopieren und Einfügen von Links 🎜🎜 Kommt als Web-Schriftarten 🎜🎜 Benutzerdefinierte Größen 🎜🎜 Über 1100 Projekte 🎜🎜🎜🎜🎜14, Ang ulare Materialsymbole🎜 🎜 🎜 🎜Website: 🎜https://material.io/resources... 🎜🎜Formate und Typen: SVG, Webfont, Materialdesign 🎜Preis und Lizenz: Kostenlos, Apache-Lizenz 2.0🎜🎜🎜🎜🎜🎜

Material Icon ist eine kostenlose Icon-Bibliothek von Google. Um Lesbarkeit und Klarheit zu gewährleisten, wurden diese Symbole so optimiert, dass sie auf allen Plattformen und Displays gut aussehen. Diese Symbole sind völlig kostenlos und können auf GitHub abgerufen werden. Diese Symbolbibliothek ist umfangreich und umfasst über 1.000 Symbole, die ein breites Spektrum an Schnittstellenfunktionen abdecken. Google提供的免费图标库。 为了确保可读性和清晰度,这些图标已进行了优化,以在所有平台和显示器上看起来都很好。 这些图标是完全免费的,可以在GitHub上访问。 这个图标库很大,有超过1,000个图标涵盖了广泛的界面功能。

15、Linearicons

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

120 ICON-Icon-Bibliotheken für die Frontend-Entwicklung, die es wert sind, gesammelt zu werden

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

亮点:

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

16、Feathericons

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

120 ICON-Icon-Bibliotheken für die Frontend-Entwicklung, die es wert sind, gesammelt zu werden

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

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

17、Iconfinder

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

120 ICON-Icon-Bibliotheken für die Frontend-Entwicklung, die es wert sind, gesammelt zu werden

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

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

亮点:

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

18、The Noun Project

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

120 ICON-Icon-Bibliotheken für die Frontend-Entwicklung, die es wert sind, gesammelt zu werden

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

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

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

亮点:

  • 超过150,000
  • 15. Linearicons
  • Website: https://linearicons.com/
    Formate und Typen: SVG, Webfont, Icon-Schriftart
    Preis und Lizenz: Kostenlos bis 59 $, Common Creative License
  • 120 ICON-Icon-Bibliotheken für die Frontend-Entwicklung, die es wert sind, gesammelt zu werden

Linearicons sind für persönliche oder eines der Die beliebtesten und besten Icon-Pakete für geschäftliche Zwecke. Linearicons sind sowohl in der kostenlosen als auch in der Premium-Version erhältlich, und die kostenlose Version dieses erstaunlichen Icon-Pakets ist unter Creative Commons lizenziert. Wir können je nach Bedarf auch andere Pakete auswählen, z. B. „Desktop-Paket“.

🎜Highlights:🎜🎜
    🎜CloudFront CDN🎜🎜bietet eine kostenlose Version🎜🎜mit verschiedenen Formaten: SVG, PDF, Webfont. 🎜🎜🎜🎜🎜16. Feathericons🎜🎜🎜🎜Website: https://feathericons.com/ a>
    Formate und Typen: SVG, Webfont, Iconfont
    Preis und Lizenz: Kostenlos, MIT-Lizenz🎜🎜120 ICON-Icon-Bibliotheken für die Frontend-Entwicklung, die es wert sind, gesammelt zu werden🎜🎜🎜🎜Feather🎜 ist eines der beliebtesten Open-Source-Icon-Sets eins. Hierbei handelt es sich um Open-Source-Symbole, die in einem 24X24-Raster entworfen wurden. Diese Symbole werden im SVG-Format bereitgestellt. Es ist unter der MIT-Lizenz lizenziert und verfügt über etwa 250 Symbole in Open Source. 🎜🎜Diese Symbole sind einfach zu bearbeiten und sehen unabhängig von der Größe klar aus. Sie wurden zunächst als Icon-Schriftart konzipiert und sind daher als Web-Schriftart eingebettet. 🎜🎜🎜🎜17, Iconfinder🎜🎜🎜🎜Website
    https://www.iconfinder.com/
    Formate und Typen: SVG, PNG, ICO, Marketplace
    Preise und Lizenzen: 9 bis 49 $ pro Monat 🎜🎜120 ICON-Icon-Bibliotheken für die Frontend-Entwicklung, die es wert sind, gesammelt zu werden🎜🎜🎜🎜Iconfinder🎜 ist das Netzwerk One of Die beliebtesten Icon-Ressourcen im Internet. Es bietet über 400 Millionen Symbole und bietet Benutzern verschiedene Suchoptionen, einschließlich Symbolformat, Preis, Größe, Hintergrund usw. Es gibt auch mehrere monatliche Zahlungspläne – von 9 $ bis 49 $. Wir können uns auch für ein „Pay as you go“-System entscheiden. 🎜🎜Symboldateien sind in den Formaten SVG, PNG, ICO, ICNS und Adobe Illustrator verfügbar, mit Größen von 16×16 bis 512× 512. Wenn Sie etwas nicht finden, das Ihnen gefällt, oder einfach nur ein individuelles Symbol wünschen, das speziell für unsere Marke entworfen wurde, können Sie auch mit einigen der besten Designer auf der Website zusammenarbeiten. 🎜🎜🎜Highlights:🎜🎜
      🎜Kostenlose und kostenpflichtige Nutzungsoptionen🎜🎜Flexible Suchfunktion🎜🎜Stellen Sie Symbole in mehreren Formaten bereit🎜🎜Viele Kategorien und Stile🎜🎜Bildeditor🎜🎜🎜🎜🎜18, The Noun Project🎜 🎜 🎜🎜Website: https://thenounproject.com/
      Format und Typ: SVG, PNG, Marketplace
      Preis und Lizenz: Creative Commons License🎜🎜120 ICON-Icon-Bibliotheken für die Frontend-Entwicklung, die es wert sind, gesammelt zu werden🎜🎜🎜🎜Noun Project🎜 bietet eine der größten Symbolbibliotheken im Web. Die meisten Symbole der Website sind in den Formaten SVG und PNG sowie im Schwarz-Weiß-Stil verfügbar. 🎜🎜Die Bibliothek der Website besteht aus verschiedenen Symboldateien, die von unabhängigen Designern entworfen wurden. Hier können Kreative und Kreativprofis zusammenarbeiten, um ihre Designs zu verkaufen und eine scheinbar endlose Bibliothek an Premium-Symbolen zu finden. 🎜🎜Das Durchsuchen dieser großen und umfassenden Symbolbibliothek ist einfach. Zu den weiteren Hauptfunktionen dieser Symbolbibliothek gehören kostenlose und Premium-Downloadoptionen, viele große Symbolsätze, Apps für Mac und mehr. Die Symbolbibliothek wird regelmäßig aktualisiert, wobei täglich neue Symbole und Sets veröffentlicht werden. 🎜🎜🎜 Highlights: 🎜🎜
        🎜Über 150.000-Symbole 🎜🎜SVG-, PNG-Formate 🎜🎜Such- und Entdeckungstools 🎜🎜Kostenlose und kostenpflichtige Download-Optionen 🎜🎜Neue Symbole werden fast täglich hochgeladen🎜 🎜🎜 🎜🎜19、Fontawesome Icons🎜🎜🎜

        Website:https://fontawesome.com/icons
        Formate und Typen: SVG, PNG, Icon-Schriftart, Marketplace
        Preis und Lizenz: SIL OFL 1.1

        20 ICON-Icon-Bibliotheken für die Frontend-Entwicklung, die es wert sind, gesammelt zu werden

        Font Awesome ist für den Einsatz in der Umgebung bestimmt Die am weitesten verbreitete und beliebteste Icon-Schriftart. Dies ist auch der Standardsymbolsatz für Teams beim Booten. Es ist auch als SVG-Symbol sowie in anderen Formaten verfügbar. Diese Lizenz ist für jegliche kommerzielle oder persönliche Nutzung kostenlos.

        Jedes Icon ist vollständig skalierbar und kann direkt in CSS gepflegt werden. Mit reinem CSS3 können wir Farben, Schatten, Hintergrundverläufe und fast alles andere ändern. Ein weiterer Grund für die Verwendung dieser Bibliothek besteht darin, dass sie vollständig optimiert ist und überhaupt kein JavaScript erfordert, sodass keine Kompatibilitätsprobleme bestehen. CSS3更改颜色,阴影,背景渐变以及几乎所有其他内容。 使用此库的另一个原因是,它已完全优化,并且完全不需要JavaScript,因此没有兼容性问题。

        亮点:

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

        20、Lineicons

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

        20 ICON-Icon-Bibliotheken für die Frontend-Entwicklung, die es wert sind, gesammelt zu werden

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

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

        Highlights:

          Vektorschriftarten
        • Jedes Symbol verfügt über CSS-Klassen und Unicode
        • Kostenlos
        • Unter Berücksichtigung der Barrierefreiheit erstellt

        Einfache Aktualisierung über mehrere Websites hinweg Desktop-Sicherung der gesamten Symbolbibliothek verfügbar Vergessen Sie die Liste

        20, Lineicons

        Website: https://lineicons.com/

        Formate und Typen: SVG, Web-Schriftart, Icon-Schriftart

        Preis und Lizenz: Kostenlos

        20 ICON-Icon-Bibliotheken für die Frontend-Entwicklung, die es wert sind, gesammelt zu werden

        LineIcons

        Bietet außerdem ein kostenloses CDN mit klarer Dokumentation, was den Einstieg erleichtert. 🎜🎜Dieses Symbolpaket ist völlig kostenlos und enthält 450 mehrzeilige Symbole. Es deckt alle grundlegenden Symbole ab, die für Projekte aus verschiedenen Kategorien erforderlich sind. 🎜LineIcons🎜 bietet außerdem ein kostenloses CDN und eine klare Dokumentation, um den Einstieg zu erleichtern. Es enthält zwei verschiedene skalierbare Pakete – WebFonts- und SVG-Dateien, die je nach Projektanforderungen verwendet werden können. 🎜🎜🎜 Highlights: 🎜🎜🎜🎜450+ kostenlose Symbole 🎜🎜SVG-Dateien 🎜🎜Kostenloses CDN🎜🎜🎜🎜🎜 Zusammenfassung 🎜🎜🎜🎜 Die Auswahl einer Symbolbibliothek sollte nicht darauf basieren, wie beliebt die Symbolbibliothek ist, sondern darauf, welche eins Welche Symbolbibliothek eignet sich besser für das aktuelle Entwicklungsprojekt und welcher Stil der Symbolbibliothek entspricht eher dem Stil unserer Anwendung? 🎜🎜Ich hoffe, dieser Artikel hilft Ihnen bei der Auswahl der Lösung, die Ihren Anforderungen am besten entspricht. 🎜🎜🎜Englische Originaladresse: https://blog/top-icons-packs-and-resources-for-web/🎜🎜Autor: Eugene Stepnov🎜🎜Übersetzungsadresse: https://segmentfault.com/a/1190000022273604🎜 🎜🎜Weitere Kenntnisse zum Thema Programmierung finden Sie unter: 🎜Programmiervideos🎜! ! 🎜

Das obige ist der detaillierte Inhalt von20 ICON-Icon-Bibliotheken für die Frontend-Entwicklung, die es wert sind, gesammelt zu werden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:segmentfault.com
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage