Fontello
Fontello is a free online tool that allows users to create custom icon fonts. It has a library of over 600 vector icons that can be combined to build an icon font. The custom font can then be downloaded and implemented in websites.
icons
fonts
vector
web-design
Fontello: Create Custom Icon Fontss
Free online tool to build and download custom icon fonts with over 600 vector icons, suitable for website implementation
What is Fontello?
Fontello is a free web-based application for creating custom icon fonts. It allows designers and developers to combine icons from its library of over 600 vector icons to build a custom icon font that can be implemented in websites.
Some key features of Fontello:
- Intuitive drag-and-drop interface to select and customize icons
- Icons optimized for web use in multiple formats like SVG, PNG, font
- Control icon details like size, color, rotation
- Preview custom font in real-time
- Download webfont, CSS, demo HTML files
- Self-host fonts if needed
- Auto-generated CSS with classes for each icon
- actively maintained and frequently updated icon library
By using Fontello to build a custom icon font, developers can easily implement vector icons through CSS and get performance benefits like small file size, high rendering speed and scalability compared to icon sprites or PNGs. The custom font workflow also makes it easy to manage and update icons through one self-contained font file.
Fontello is a good option for developers looking for an easy way to add quality vector icons that can be styled with CSS for their web projects.
Fontello Features
Features
- Allows combining multiple icons into a single font file
- Has a library of over 600 vector icons to choose from
- Icons can be customized - change size, color, add effects
- Generated fonts are compatible with @font-face
- Works with CSS, SASS, Stylus, etc
- Fonts can be self-hosted or loaded from CDN
- Completely free and open source
Pricing
- Free
- Open Source
Pros
Saves HTTP requests by combining icons into fonts
Vector icons look great at any size
Easy to implement and use in projects
Large icon library to choose from
Fully customizable icons
Free and open source
Cons
Limited compared to paid icon libraries
Can only choose from predefined icons
No desktop app, web-based only
May need to manually update fonts when new icons added
Icons not included in CDN links by default
Official Links
The Best Fontello Alternatives
Top Development and Font Tools and other similar apps like Fontello
Here are some alternatives to Fontello:
Suggest an alternative ❐
Flaticon
Flaticon is an extensive icon library and search engine for free icons. It contains over 3 million icons in different styles including line, solid, colored, and hand drawn icons. The icons are available for download in common formats like PNG, SVG, EPS, PSD and BASE 64 and can be used...
Font Awesome
Font Awesome is an icon font and toolkit developed and maintained by Dave Gandy. First released in 2012, Font Awesome has grown to become one of the most popular icon libraries with over 1,500 icons covering a wide range of categories.Some key features of Font Awesome include:Over 1,500 versatile icons...
Heroicons
Heroicons is an open source set of over 450 free MIT-licensed high-quality SVG icons for UI development. The icon set was created by the team behind Tailwind CSS, and features minimal icons designed to integrate beautifully with Tailwind CSS styling.Heroicons comes in two main styles - Outline and Solid. The...
IcoMoon
IcoMoon is a powerful icon library and icon editor that makes it easy to find and use vector icons. It has a huge collection of over 4,800 free icons that can be browsed to find the perfect icon for your project. Icons can be filtered by category or searched by...
IconPharm
IconPharm is a powerful icon and cursor editor designed for creating, editing and managing icons images, cursors, and other small graphics. It comes packed with a wide range of tools and features to help designers quickly make professional looking icons for websites, softwares, games, and mobile apps.With IconPharm, you can...
Feather icons
Feather icons is an open source icon library containing over 250 minimal icons that are clean, simple, and ready to be customized for websites, mobile apps, or other applications. The icon set was designed by Cole Bemis and made available for free use under the MIT license.Some key features of...
Fork Awesome
Fork Awesome is an open source icon library and toolkit built for designers, developers and web projects. It is based on the popular Font Awesome icon library, but includes many additional icons, updated styling, and other improvements.Some key features and details about Fork Awesome:Over 800 icons available covering a diverse...
Friconix
Friconix is a free and open source software for creating icons for designers and developers. It provides a vector graphics editor specifically tailored for designing icons, logos, and interface elements. Some key features of Friconix include:Intuitive user interface with tools aimed at icon design such as geometry shapes, paths, color...
Fonts For Web
Fonts For Web is a free web font manager developed by Fonts For Web Ltd. It provides an easy way to browse, preview, and use fonts from various sources like Google Fonts and Adobe Fonts on your websites.Key features include:Intuitive interface to search, filter and preview fonts from different sources...
Transfonter
Transfonter is a free and easy to use online font converter that allows you to convert font files between different formats. It supports conversion between the most popular font formats including:OpenType (.otf)TrueType (.ttf)Web Open Font Format (.woff)Web Open Font Format 2 (.woff2)Embedded OpenType (.eot)With Transfonter's intuitive web interface, you can...
SVG Repo
SVG Repo is an extensive SVG image library and repository that provides designers, developers and bloggers with a diverse selection of high-quality, royalty-free SVG files and vector images that can be used for both personal and commercial projects.With over 30,000 SVG images across multiple categories including logos, icons, illustrations, patterns,...
MyScriptFont
MyScriptFont is a handwriting recognition and digital ink management software developed by Vision Objects. It allows users to naturally write text using a pen, stylus, or finger, and have that writing automatically converted into typed text.Some key features of MyScriptFont include:Recognition of handwriting in over 100 languages and alphabetsPowerful algorithms...
Fontastic
Fontastic is an open-source web application that allows users to easily create and manage icon fonts. Some key features of Fontastic include:Upload your own SVG or PNG icons and convert them into a custom icon fontGenerate icon fonts in formats like TTF, EOT, WOFF, WOFF2, SVGCustomize the font with styles,...
Glyphicons
Glyphicons is a popular icon set that is included in the Bootstrap front-end development framework. It contains over 250 vector-based glyphs that cover a wide range of subjects and commonly used interface elements.Some of the categories of icons in Glyphicons include:Arrows forindicating directionFile types and text formattingTransportation, maps, buildingsCharts and...
Font2web
font2web is an open-source web font generator application that allows users to easily convert regular desktop fonts into web fonts that can be used on websites. It supports converting common font formats like TrueType (.ttf), OpenType (.otf) and even PostScript (.ps) fonts into optimized web fonts including WOFF, WOFF2, SVG...
Tabler Icons
Tabler Icons is an open source icon set with over 1300 icons in SVG and JavaScript formats. The icons are designed to be simple, modern, and friendly for web and mobile applications. Some key features of Tabler Icons:Over 1300 icons covering a wide range of use cases like user interface,...
Nucleo
Nucleo is an open development platform by STMicroelectronics that simplifies and speeds up embedded application design. It provides affordable and easy-to-use hardware combined with eco-system of development boards, software tools and libraries to jump-start new ideas into life.Key features and benefits of Nucleo include:A comprehensive range of over 70 low-cost...
Icon-Icons
Icon-Icons is a free and open source icon library that provides access to over 5,000 customizable icons. Developed by Iconscout, it serves as a one-stop shop for icons that can be used by designers, developers and entrepreneurs.The Icon-Icons library comes packed with pixel-perfect vectors, icons in SVG, PDF, EPS, PSD...
Css.gg
css.gg is a free icon library and toolkit for developers to quickly copy and paste icons and modifiers right into their HTML, CSS, JavaScript etc. It contains over 1000 icons designed by codecalm and community contributors, all available for free. The icons are customizable with CSS so developers can easily...
Webfont
Webfont is a cloud-based font hosting and delivery service optimized for use in websites and web applications. It allows designers and developers to integrate custom fonts into their projects without needing to self-host font files.Some key features and benefits of Webfont include:Cloud font hosting - Upload your font files to...
Line Awesome
Line Awesome is a free open source icon set featuring over 1,500 icons designed for web use. The set is designed and maintained by Icons8, a company known for icon and illustration tools.Some key features of Line Awesome include:Over 1,500 simple, clean icons covering a wide range of categories including...
Futuramo Icons
Futuramo Icons is an extensive icon set containing over 1,500 high-quality, customizable icons aimed at designers and developers. The set covers a wide range of categories including user interfaces, mobile applications, websites, and more.The icons are created by professional designers and are available in popular formats such as SVG, PNG,...
Sleek Logos
Sleek Logos is an intuitive online logo maker that makes it easy for entrepreneurs, small business owners, bloggers, designers, and anyone else to create a unique, customized logo without any graphic design experience.It provides access to a vast library of over 10,000 template logos, 1 million curated icons, and hundreds...
IFontFace
iFontFace is a premium font management utility for macOS that gives users more control over fonts installed on their system. It provides an easy way to organize, activate/deactivate, and preview fonts without having to use the default Font Book app.Key features of iFontFace include:Install new fonts by dragging and dropping...
Adobe Edge Web Fonts
Adobe Edge Web Fonts is a free web font service offered by Adobe that gives developers access to a growing library of open-source fonts that can be easily integrated into websites. The service currently includes over 800 fonts that are optimized for website design, covering a wide range of styles...
CoreUI Icons
CoreUI Icons is an open-source icon library containing over 1500 icons that are designed specifically for use in web applications and user interfaces. The icon set covers common actions and tasks, user types, file types, devices, brands, and more.Some key features of CoreUI Icons include:Over 1500 icons in the setAvailable...
Fontprep
Fontprep is an open source font editor and converter developed by Fontello that helps prepare fonts for web use. It has features for subsetting fonts to only include necessary glyphs, compressing font files to reduce size, and converting between formats like OTF/TTF to WOFF and WOFF2.Fontprep is useful for web...
TW Fonts
TW Fonts is a free font foundry started in 2020 that offers a growing collection of unique, handcrafted fonts for designers and developers. With over 30 font families currently available, it covers a diverse range of styles including display, script, and decorative fonts.The font library is created by designer Shinwoo...
Iconcrafts
Iconcrafts is icon and cursor design software for Windows that provides users with a complete set of tools to create custom icons and mouse cursors. With an intuitive and easy-to-use interface, Iconcrafts enables designing icons and cursors without any graphic design experience.Key features of Iconcrafts include:Vector drawing tools like Pen,...
Iconoir
Iconoir is an extensive icon library and toolkit that contains over 25,000 vector icons for designers and developers. It aims to provide a one-stop solution for icon needs in various projects and platforms.Some key features of Iconoir include:Over 25,000 vector icons covering a wide variety of categories like business, travel,...
