homepage VS css.gg

Phosphor Icons - A flexible icon family for interfaces, diagrams, presentations, and more.

I didn't put icons, but you can easily find them in the Figma community, UI8 through freebies, but if you want some sites, take a look at the following, Tabler Icons, Jam Icons, Phosphor Icons, Iconhub, Zwicon and Iconoir.

Phosphor icons

Phosphor icons are also great: https://phosphoricons.com

Icon Sets Feather Iconic Tabler Icons Eva Icons Phosphor Icons Heroicons Atlas Icons

These are the Phosphor icons, I've used them before. Here is their website: https://phosphoricons.com/

Phosphor - A flexible Icon Library with over 6,000+ Icons available.

SVG - https://phosphoricons.com/ search for arrow-down, copy SVG, paste the code inline -https://jsfiddle.net/khamer/92x3kms7/

6. css.gg

css.gg - A library of more than 500 minimalistic CSS icons, which are customizable and retina-ready.

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.

23. css icons

// 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); } });

👉 css.gg