两个 icon 在线工具推荐

第一个是在线精简Icon Font(字体图标)，支持导入SVG icons或SVG font、Fontelico、Font Awesome、Entypo、Typicons、Iconic、Modern Pictograms、Meteocons、MFG Labs等常见字体图标库

Icon Font 制作过程

1. iconfont网站上传UID提供的svg格式图标文件
2. iconfont网站负责将svg格式的图标转化成webfont格式，因为兼容性的问题，不同的浏览器需要加载不同格式的字体，所以会转换成四种字体(.tttf、.woff、.eot、.svg)。
3. FED通过@font-face设置自定义字体

• https://fontello.com/

第二个是在线编辑 icon 看中哪个 icon 后可以简单编辑

• https://iconscout.com/

更多资源

Archive of Icons

• iconmonstr - Discover over 3000 free simple icons in varius collections.
• TheNounProject - Search over 150,000 icons designed by creators from arround the world.
• svg-icon - An ultimate svg icons collection done right, with over 4,000 SVG icons out of the box.
• icons8 - 63,900 Free Flat Icons.
• flaticon - 1,468,000 vector icons grouped in 30,310 packs.
• Streamline - 100,000 icons, illustrations and emoji for all your projects.
• IconSear.ch - SVG icon search engine with over 76,000 icons indexed.
• LogoSear.ch - SVG logo search engine with over 200,000 logos indexed.
• iconarchive - Professional tag based icon search engine with more than 600,000 icons.

Generic

• Simple icons - Over 1000 Free SVG icons for popular brands.
• Devicon - A set of icons representing programming languages, designing & development tools. You can use it as a font or directly copy/paste the svg code into your project.
• Feather - A collection of simply beautiful open source icons.
• Font Awesome - Scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS.
• Foundation Icon Fonts 2
• Foundation Icon Fonts 3 - A custom collection of 283 icons.
• Glyphicons - Is a library of precisely prepared monochromatic icons and symbols, created with an emphasis to simplicity and easy orientation.
• Govicons - Gov Icons is a font and CSS toolkit with 115 government themed icons.
• Heroicons - A set of free MIT-licensed high-quality SVG icons for UI development.
• icoMoon - 490+ free Icons.
• Iconic - An open source icon set with 223 marks in SVG, webfont and raster formats.

• IconSweets2 - Is a huge set containing over 1,000 custom designed icons. IconSweets 2 will quench your icon thirst for all your iPhone, iPad & Android apps or new web projects.
• Ionicons - The premium icon font for Ionic Framework.
• Marka - 36 Beautiful transformable icons.
• Octicons - All GitHub's icons.
• Raphaël
• RPG-Awesome - A fantasy themed font and CSS toolkit.
• Google Material Design Icons, by Google - Official Google Material Design Icons.
• pictonic - Over 260+ free icons.
• uiw-icons - The premium icon font for UIW Framework.
• zondicons - A set of free premium SVG icons for you to use on your digital products.
• Icofont - 2100+ free icons to spice up your creative designs.
• CoreUI Icons - Premium designed free icon set with marks in SVG, Webfont and raster formats.
• Bootstrap Icons - Official open source SVG icon library for Bootstrap.
• teenyicons - Tiny minimal 1px icons designed to fit in the smallest places.
• DevUI Icons, by Huawei Cloud - DevUI font icons.
• Ant Design Icons, by Ant Financial - ⭐ Ant Design SVG Icons.
• Boxicons - Boxicons is a simple vector icons set carefully crafted for designers and developers to use in your next project.
• Eva Icons - Eva Icons is a pack of more than 480 beautifully crafted Open Source icons for common actions and items.
• Jam Icons - Jam icons is a set of icons designed for web projects, illustrations, print projects, etc. Shipped in JavaScript, font & SVG versions.
• Remix Icon - Remix Icon is a set of open-source neutral-style system symbols elaborately crafted for designers and developers.
• Themify Icons - Themify Icons is a complete set of icons for use in web design and apps, consisting of 320+ pixel-perfect, hand-crafted icons that draw inspiration from Apple iOS 7.
• SuperTinyIcons - Miniscule SVG versions of website and app logos, under 1KB each.
• Pepicons - Pepicons is a completely original 80s themed set of hand-crafted icons, made in two retro variants: Pop! and Print ❏
• css.gg - Open-source CSS, SVG, and Figma UI Icons available in SVG Sprite, styled-components, NPM & API
• Iconic.app - Free, “do wtf you want with” pixel-perfect SVG icons
• Mono Icons - A simple, consistent open-source icon set designed to be used in a wide variety of digital products
• Material Design Icons - 6200+ Material Design Icons from the Community
• Evil Icons - Free ‘plug and play’ set of SVG icons designed specifically for web projects
• Lineicons - 532 Line Icons for Designers and Developers
• Line Awesome - Is a free alternative for Font Awesome 5.11.2. It consists of ~1380 flat icons that offer complete coverage of the main Font Awesome icon set
• VectorLogoZone - Over 3,500 consistently formatted SVG logos.
• Icons8 Line Awesome - Swap Font Awesome for modern line icons in one line of code.
• Akar Icons - Perfectly rounded icon library made for designers and developers as React components.
• Tabler Icons - A set of over 1500 free MIT-licensed high-quality SVG icons for you to use in your web projects.
• Lucide - A fork of Feather Icons with more than 500 additional icons.
• Flowbite Icons - Open-source collection of over 430+ solid and outline icons built for Tailwind CSS and Figma.

Map / Countries

• StateFace - All 50 states plus D.C. and a wee continental U.S. map.
• flag-icon-css - A collection of all country flags in SVG — plus the CSS for easier integration.

Social

• Mono Social Icons Font
• Social Media Icons Pack - Socialico is a package of 74 social media icons, combined within a single weight font.
• Social Share Kit - Social network icons, share buttons, share count, floating/sticky button bar and popups.
• Stackicons - Over 60 icons for old social brands (last commit in 2014, with multi-color option.
• Zocial - Sass and Compass CSS3 social buttons framework.

Weather

• Meteocons - 40+ icons available in PSD, CSH, EPS, SVG, Desktop font and Web font.
• Weather 7 Icon Font Set - A complete set of 60 weather icons inspired by iOS 7.
• Weather Icons - 222 Weather Themed Icons and CSS.

Merchants

• Bitcoin-Icons - Bitcoin Icons is an open-source/open-design set of icons made for Bitcoin centric applications.
• CMC Cryptocurrency Icons - all the cryptocurrency icons available on coinmarketcap.
• Cryptocurrency Icons - over 6000 crypto currencies icons in 4 styles and a range of sizes. Completely free.
• Payment Webfont - An SVG webfont full of icons of main payment systems.
• PaymentFont - A sleek webfont containing 95 icons of all main payment operators and methods.

Tools

• fontello - Icon fonts generator.
• svg-icon - Select as many SVG icons as you need, and download as an SVG symbols sprite file.
• svgtofont - Read a set of SVG icons and ouput a TTF/EOT/WOFF/WOFF2/SVG font.
• Orion icon library - Generate icon fonts or download icons in multiple formats.