css.gg
MaterialDesign
css.gg | MaterialDesign | |
---|---|---|
20 | 56 | |
9,587 | 10,893 | |
- | - | |
4.0 | 8.9 | |
about 1 month ago | about 2 months ago | |
SCSS | ||
MIT License | GNU General Public License v3.0 or later |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
css.gg
-
Free Icons for your reactjs and web applications
6. css.gg
-
29 Websites For Free Icon Sets
css.gg - A library of more than 500 minimalistic CSS icons, which are customizable and retina-ready.
-
10 FREE SVG Icon Libraries For Front-End Developers
700+ CSS Icons: Pure CSS icons library, Customizable & Retina-Ready built 100% in pure CSS, SVG, SVG Sprite, styled components, Figma, and Adobe XD. Easy integration: Embed, NPM & API.
-
70 Free Resources For Web Designers and Developers
23. css icons
-
Good News!!! Catagories...
// Define and ADD custom CSS const customCSS = ` hr { background-color: #ccc !important; } a.menu-link i { margin-right: 16px; } `; const style = document.createElement("style"); style.type = "text/css"; style.appendChild(document.createTextNode(customCSS)); head.appendChild(style); // Define separator const separator = document.createElement("hr"); separator.setAttribute("width", "80%"); separator.setAttribute("color", "white"); separator.setAttribute("background-color", "white"); separator.setAttribute("height", "1px"); separator.setAttribute("visible", "true"); //Adding links MENU_LINKS.forEach((link) => { if (link.name === "separator") { // Adding separator menuContainer.appendChild(separator.cloneNode()); } else { // Adding link // Manage icon (automatically import if start with gg-*** from https://css.gg) let icon = ""; if (link.icon.startsWith("gg-")) { icon = ``; const ggName = link.icon.replace("gg-", ""); // Inject css in the head const cssLink = document.createElement("link"); cssLink.type = "text/css"; cssLink.rel = "stylesheet"; cssLink.href = `https://css.gg/${ggName}.css`; head.appendChild(cssLink); } else { icon = ``; } // Create link const linkNode = linkTemplate.cloneNode(); linkNode.setAttribute("href", link.url); linkNode.setAttribute("routerLink", link.url); linkNode.setAttribute("target", (link.target || "_self")); linkNode.innerHTML = icon + " " + link.name; // Add link to the menu menuContainer.appendChild(linkNode); } });
- 25 CSS Tools/Resources That You Should Bookmark
-
Web Development Resources series! Part -2
๐ css.gg
- How can I make icons like these using HTML, CSS?
- Fontawesome alternatives
- CSS.GG - 2.0 - 700 UI Icons in CSS, SVG & Figma
MaterialDesign
-
How to use Material Design Icons In Angular 4?
I want to use the icons from https://materialdesignicons.com/ in my angular 4 project. The instructions on the website are only covering how to include it in Angular 1.x (https://materialdesignicons.com/getting-started)
- How to make this Winforms App look more modern?
-
Icon libraries for web development
Material Design Icons
-
Setting up Sass, Bootstrap, Icons & Notifications in SvelteKit
Svelte Material Icons is an NPM package that gives you access to a large set of material icons as a Svelte-component, what makes integration much easier. In fact, the library offers even more icons than Googles official icon set, since they rely on materialdesignicons.com. Just run:
-
๐งถ List of free icon libraries. Add your favorite if you don't see it.
i hope i did this right.. i added https://materialdesignicons.com/ really nice with the svelte node pacakge
- What Icon Library do you guys use?
-
Workplaces for digital nomads: the frontend
Instead of using Vuetify's default font icons, the project imports SVG icons from the mdi/js package at https://materialdesignicons.com. This saves approximately 1 MB in the final package.
-
How to use Material icons?
https://materialdesignicons.com/ click on cheatsheet link...
-
Feather โ Simply beautiful open source icons
Looks great. Might use them in my future projects. Currently I have been using Material Design Icons [0] for its broad icon gallery.
[0] https://materialdesignicons.com/
-
70 Free Resources For Web Designers and Developers
24. material design icons
What are some alternatives?
tailwind-figma - FlowBite is a free and open-source set of UI components and pages in Figma built for Tailwind CSS
feather - Simply beautiful open-source icons
polybar-wifi-ramp-icons - A patched "DejaVu Sans Mono" font that includes the wifi icons to be used in polybar network ramp-signal.
Google Fonts - Font files available from Google Fonts, and a public issue tracker for all things Google Fonts
Font-Awesome - The iconic SVG, font, and CSS toolkit
heroicons-ui
tiptap-vuetify - Vuetify editor. Component simplifies integration tiptap editor with vuetify.
genshin-api-tutorial - Repo to accompany the tutorial series for Web Dev Newbies
KivyMD - KivyMD is a collection of Material Design compliant widgets for use with Kivy, a framework for cross-platform, touch-enabled graphical applications. https://youtube.com/c/KivyMD https://twitter.com/KivyMD https://habr.com/ru/users/kivymd https://stackoverflow.com/tags/kivymd
msn-weather-app-clone - Clone of the MSN weather app.
svelte-icons - Icon components for svelte