Search Results for "font icon"
Sort By:
Showing 100 open source projects for "font icon"
View related business solutions-
Go From AI Idea to AI App FastAccess Gemini 3 and 200+ models. Build chatbots, agents, or custom models with built-in monitoring and scaling.
-
Try Google Cloud Risk-Free With $300 in CreditUse your credit across every product. Compute, storage, AI, analytics. When it runs out, 20+ products stay free. You only pay when you choose to.
-
1
font-logos
An icon font providing popular linux distro's logos
font-logos is an icon font containing logos of popular Linux distributions and other open-source software. All brand icons are trademarks of their respective owners and should only be used to represent the company or product to which they refer. Install the font by downloading and unpacking the latest release's zip manually or installing it from npm. -
2
Font Awesome
Get vector icons and social logos for your website or blog
Font Awesome was created in a successful Kickstarter and is an easy way for web developers to add icons and logos to their website. There is both a free version and a pro version for extra features and icons. You can support the developers by buying a custom FontAwesome T-Shirt! https://fontawesome.com/shirts -
3
SVG To Font
Read a set of SVG icons and ouput a TTF/EOT/WOFF/WOFF2/SVG font
Read a set of SVG icons and output a TTF/EOT/WOFF/WOFF2/SVG font, a generator of fonts from SVG icons. -
4
vue-fontawesome
Font Awesome Vue component
Font Awesome is the Internet's icon library and toolkit, used by millions of designers, developers, and content creators. With our new Icon Wizard, you can magically add a modifier – like circle-plus, slash, or even poop – to almost any Font Awesome icon. Available now to Font Awesome Pro subscribers. We know the pain of wrangling icons on the internet. -
MongoDB Atlas runs apps anywhereMongoDB Atlas gives you the freedom to build and run modern applications anywhere—across AWS, Azure, and Google Cloud. With global availability in over 115 regions, Atlas lets you deploy close to your users, meet compliance needs, and scale with confidence across any geography.
-
5
Academicons
An icon font for academics
Academicons is a specialist icon font for academics. It contains icons for websites and organizations related to academia that are often missing from mainstream font packages. It can be used by itself, but its primary purpose is to be used as a supplementary package alongside a larger icon set. Go here to view the full icon set along with instructions for their use. -
6
iX Icons
Icon web font library for @siemens/ix
Icon web font library for @siemens/ix. Using icons within your project. You need to install and load styling. -
7
angular-fontawesome
Angular component for Font Awesome 5+
Font Awesome is the Internet's icon library and toolkit, used by millions of designers, developers, and content creators. With our new Icon Wizard, you can magically add a modifier – like circle-plus, slash, or even poop – to almost any Font Awesome icon. Available now to Font Awesome Pro subscribers. Font Awesome Sharp Solid and Regular, the first styles in our new Sharp family, are ready to use when you need a special touch of class for your project! ... -
8
QtAwesome
Iconic fonts in PyQt and PySide applications
QtAwesome enables iconic fonts such as Font Awesome and Elusive Icons in PyQt and PySide applications. It started as a Python port of the QtAwesome C++ library by Rick Blommers. QtAwesome identifies icons by their prefix and their icon name, separated by a period (.) character. Use Font Awesome, Elusive Icons, Material Design Icons, Phosphor, Remix Icon or Microsoft's Codicons. -
9
react-fontawesome
Font Awesome React component
Font Awesome is the Internet's icon library and toolkit, used by millions of designers, developers, and content creators. With our new Icon Wizard, you can magically add a modifier – like circle-plus, slash, or even poop – to almost any Font Awesome icon. Available now to Font Awesome Pro subscribers. Font Awesome Sharp Solid, the first style in our new Sharp family, is ready to use when you need a special touch of class for your project! ... -
Full-stack observability with actually useful AI | Grafana CloudBuilt on open standards like Prometheus and OpenTelemetry, Grafana Cloud includes Kubernetes Monitoring, Application Observability, Incident Response, plus the AI-powered Grafana Assistant. Get started with our generous free tier today.
-
10
Android-Iconics
Use any icon font, or vector (.svg) as drawable in your application
Android-Iconics allows to include any icon font with all its vector icons in your project, no limits. Scale with no limit, use any color at any time, provide a contour, and many additional customizations. No customization limitations (size, color, contour, background, padding, positioning, ...). Shadow support. Use as XML Drawable starting API 24. One icon source (no more mdpi, hdpi, ...). -
11
React Native Vector Icons
Customizable Icons for React Native with full styling
...Since Icon builds on top of the Text component, most style properties will work as expected, you might find it useful to play around with background color, border width, border color, border radius, padding, margin, color, font size, etc. -
12
Keyrune
Magic: the Gathering set symbol pictographic font
Keyrune is the first suite of complete Magic: the Gathering expansion and set symbols as a pictographic font. You can use this font anywhere you want to display set symbols—in your MtG app or website, documents, card images, anything! Each set symbol has its own font character. Display them in a manner similar to Font Awesome. Class name codes are based on the expansion codes from MTG JSON. To copy Keyrune symbols into your desktop software (or access to vectors directly), go to the... -
13
Bootstrap Icons
Open source SVG icon library for Bootstrap
...We recommend using a width: 1em (and optionally height: 1em) for easy resizing via font-size. Embed your icons within the HTML of your page (as opposed to an external image file). Here we’ve used a custom width and height. Use the SVG sprite to insert any icon through the <use> element. Use the icon’s filename as the fragment identifier (e.g., toggles is #toggles). SVG sprites allow you to reference an external file similar to an <img> element, but with the power of currentColor for easy theming. -
14
Dockerized Nerd Fonts Patcher
Dockerized Nerd Fonts patcher
Iconic font aggregator, collection, and patcher. Nerd Fonts patches developer-targeted fonts with a high number of glyphs (icons). Specifically to add a high number of extra glyphs from popular ‘iconic fonts’ such as Font Awesome, Devicons, Octicons, and others. All patched fonts have Powerline symbols, extra Powerline symbols and many icons to choose from. Build your own status line, add icons to filetypes, and make visual grepping easier. You are only limited by your imagination. Use the... -
15
Ionicons
Hand-crafted icons built by Ionic for web apps
Premium designed icons for use in web, iOS, Android, and desktop apps. Support for SVG and web font. Completely open source, MIT licensed and built by Ionic. Ionicons is a completely open-source icon set with 1,300 icons crafted for web, iOS, Android, and desktop apps. Ionicons was made for Ionic Framework, a cross-platform hybrid and Progressive Web App framework. The Ionicons Web Component is an easy and performant way to use Ionicons in your app. -
16
Phosphor Icons Web
A flexible icon family for the web
Phosphor is a flexible icon family for interfaces, diagrams, presentations, whatever, really. Explore all our icons at Phosphor Icons Web website. We use a similar approach as many other icon sets out there, providing icons as several webfonts that uses Unicode's Private Use Area character codes to map normally non-rendering characters to icons. Simply add one or more weights by including its stylesheet to the document head, and drop in icons with an i tag and the appropriate classes for the... -
17
React Icons
svg react icons of popular icon packs
Include popular icons in your React projects easily with react-icons, which utilizes ES6 imports that allows you to include only the icons that your project is using. If your project grows in size, this option is available. This method has the trade-off that it takes a long time to install the package. Suitable for MeteorJS, Gatsbyjs etc. SVG is supported by all major browsers. With react-icons, you can serve only the needed icons instead of one big font file to the users, helping you to... -
18
Godot Minimal Theme
Godot Minimal Theme
...By offering a well-tuned default set of UI parameters (color scheme, font recommendations, layout tweaks), it saves users the trouble of configuring their own setup — and ensures consistency across different projects or machines. Because it’s open source, users can further customize or fork it to suit their personal preferences. -
19
Iconoir
An open source icons library with 1K+ icons
...To start using the icons, on the top menu, Insert > Graphics > Iconoir. You can switch between icons from the right sidebar in the editor. The class must always be "iconoir-" and then the name of the icon. The icons are display: inline-block and default to the current font size. You can control this by adjusting the ::before styles of the element. -
20
Devicon
Set of icons representing programming languages, design & development
Devicon is a set of icons representing programming languages, designing, and development tools. You can use it as a font or directly copy/paste the SVG code into your project. Devicon aims to gather all logos representing development languages and tools. Each icon comes in several versions: font/SVG, original/plain/line, colored/not colored, wordmark/no wordmark. Devicon has 150+ icons. And it's growing! Open icomoon.io and import icomoon.json. Choose yes when being asked if you would like to restore the settings stored in the configuration file. ... -
21
webfonts-loader
Make an icon font from SVGs
A Webpack loader that generates fonts from your SVG icons and allows you to use your icons in your HTML. webfonts-loader uses the webfonts-generator plugin to create fonts in any format. It also generates CSS files so that you can use your icons directly in your HTML, using CSS classes. -
22
styled-icons
Popular icon packs like Font Awesome, Material Design, and Octicons
styled-icons provides over 20,000 icons from the following icon packs as Styled Components, with full support for TypeScript types and tree-shaking / ES modules. Finally, you will need to have installed a version of styled-components at least version 4.1.0 or newer, as styled-icons depends on styled-components as a peer dependency. All icons are available for preview at the Icon Explorer. For the individual icon pack packages (@styled-icons/PACK), the icons are also importable individually -... -
23
DevUI for Angular
Angular UI Component Library based on DevUI Design
The DevUI Design Design system contains a combination of DevUI rules, Design languages, and best practices. DevUI Design allows developers to focus more on application logic, while designers focus on user experience, interactions, and processes. Open source front-end solutions for enterprise mid- and back-office products. DevUI is an open-source front-end solution for middle and back-end products of enterprises. Its design values are based on the three concepts of "simplicity", "immersion"... -
24
Multi Icon
Easily create stunning, high quality (256x256) multi-resolution icons
Create stunning, high quality (256 x 256) multi-resolution icons (.ico) and "mainicon" resources (.res) with ease and reliability. Open an image from file, or paste one in with transparency, or drag and drop an image directly onto the corresponding icon resolutions, then save. The multi-resolution icon stores a 256 x 256 image in PNG format, and five images at 64 x 64, 48 x 48, 32 x 32, 24 x 24 and 16 x 16 in native Windows icon format for maximum compatibility, back to Windows... -
25
ProgressHUD
ProgressHUD is a lightweight and easy-to-use HUD for iOS
ProgressHUD is a lightweight and easy-to-use HUD for iOS. CocoaPods is a dependency manager for Cocoa projects. For usage and installation instructions, visit their website. To integrate the ProgressHUD into your Xcode project using CocoaPods, specify it in your Podfile. You can customize the color, font, image, animation type, and some other options. If you prefer not to use any of the dependency managers, you can integrate ProgressHUD into your project manually. Just copy the...
