{"id":15007590,"url":"https://github.com/xandemon/developer-icons","last_synced_at":"2025-05-15T08:09:26.563Z","repository":{"id":220649974,"uuid":"721172470","full_name":"xandemon/developer-icons","owner":"xandemon","description":"A collection of well-optimized SVG tech logos for developers and designers—customizable, scalable, and free.","archived":false,"fork":false,"pushed_at":"2025-04-02T16:22:52.000Z","size":4504,"stargazers_count":317,"open_issues_count":3,"forks_count":38,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-04-10T23:04:15.399Z","etag":null,"topics":["astro","github-action","icons","logos","npm","npm-packages","npmjs","open-source","optimized","react","react-libraries","svg","svg-icon","svg-images","tailwindcss","typescript","vector-icons","vite"],"latest_commit_sha":null,"homepage":"https://xandemon.github.io/developer-icons/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/xandemon.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":["xandemon"],"patreon":null,"open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"lfx_crowdfunding":null,"polar":null,"buy_me_a_coffee":null,"thanks_dev":null,"custom":["https://paypal.me/sandeshkatwal"]}},"created_at":"2023-11-20T14:01:29.000Z","updated_at":"2025-04-07T02:15:27.000Z","dependencies_parsed_at":"2024-05-21T16:05:41.268Z","dependency_job_id":"1e453a3f-d0e2-4a95-9dd9-9f12961202b5","html_url":"https://github.com/xandemon/developer-icons","commit_stats":{"total_commits":248,"total_committers":8,"mean_commits":31.0,"dds":0.05241935483870963,"last_synced_commit":"0973214715ac73bb3299a11f830788a35cbfeca6"},"previous_names":["xandemon/xandemon-icons","xandemon/developer-icons"],"tags_count":27,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xandemon%2Fdeveloper-icons","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xandemon%2Fdeveloper-icons/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xandemon%2Fdeveloper-icons/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xandemon%2Fdeveloper-icons/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/xandemon","download_url":"https://codeload.github.com/xandemon/developer-icons/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248951161,"owners_count":21188410,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["astro","github-action","icons","logos","npm","npm-packages","npmjs","open-source","optimized","react","react-libraries","svg","svg-icon","svg-images","tailwindcss","typescript","vector-icons","vite"],"created_at":"2024-09-24T19:11:58.933Z","updated_at":"2025-04-14T19:47:57.712Z","avatar_url":"https://github.com/xandemon.png","language":"TypeScript","readme":"\u003cdiv align=\"center\"\u003e\n  \u003ca href=\"https://xandemon.github.io/developer-icons\" target=\"_blank\"\u003e\n    \u003cimg src=\"public/logo.png\" alt=\"Developer Icons by xandemon\" height=\"120\" /\u003e\n  \u003c/a\u003e\n  \u003ch1\u003eDeveloper Icons\u003c/h1\u003e\n\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \u003cdiv\u003e\n    \u003ca href=\"https://astro.build/\" target=\"_blank\"\u003e\n      \u003cimg src=\"https://img.shields.io/badge/Astro-333333?logo=astro\u0026logoColor=BC52EE\" alt=\"Astro\"\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://tailwindcss.com/\" target=\"_blank\"\u003e\n      \u003cimg src=\"https://img.shields.io/badge/Tailwind_CSS-333?logo=tailwindcss\u0026logoColor=06B6D4\u0026style=flat\" alt=\"Tailwind CSS\"\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://react.dev/\" target=\"_blank\"\u003e\n      \u003cimg src=\"https://img.shields.io/badge/React-333333?logo=react\u0026logoColor=58c4dc\" alt=\"React.js\"\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://github.com/xandemon/developer-icons/releases\" target=\"_blank\"\u003e\n      \u003cimg src=\"https://img.shields.io/npm/v/developer-icons?logo=github\u0026logoColor=fff\u0026label=Release\u0026labelColor=333\u0026color=148ACF\u0026style=flat\" alt=\"Developer-Icons NPM Package Version\"\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://github.com/xandemon/developer-icons/blob/main/LICENSE\" target=\"_blank\"\u003e\n      \u003cimg src=\"https://img.shields.io/github/license/xandemon/developer-icons?logo=github\u0026logoColor=fff\u0026label=License\u0026labelColor=333\u0026color=666666\u0026style=flat\" alt=\"Developer-Icons License\"\u003e\n    \u003c/a\u003e\n  \u003c/div\u003e\n  \u003cdiv\u003e\n    \u003ca href=\"https://www.npmjs.com/package/developer-icons\" target=\"_blank\"\u003e\n      \u003cimg src=\"https://img.shields.io/npm/dy/developer-icons?logo=npm\u0026logoColor=CB3837\u0026label=Downloads\u0026labelColor=333\u0026color=148ACF\u0026style=flat\" alt=\"Developer-Icons NPM Package Downloads\" style=\"height:24px\"\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://github.com/xandemon/developer-icons/stargazers\" target=\"_blank\"\u003e\n      \u003cimg src=\"https://img.shields.io/github/stars/xandemon/developer-icons?logo=github\u0026logoColor=fff\u0026label=Stars\u0026labelColor=333\u0026color=FFD700\u0026style=flat\" alt=\"Developer-Icons GitHub Stars\" style=\"height:24px\"\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://github.com/xandemon/developer-icons/stargazers\" target=\"_blank\"\u003e\n      \u003cimg src=\"https://img.shields.io/github/forks/xandemon/developer-icons?logo=github\u0026logoColor=fff\u0026label=Forks\u0026labelColor=333\u0026color=148ACF\u0026style=flat\" alt=\"Developer-Icons GitHub Forks\" style=\"height:24px\"\u003e\n    \u003c/a\u003e\n  \u003c/div\u003e\n \n\u003c/div\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://xandemon.github.io/developer-icons/\"\u003e\n    Homepage\n  \u003c/a\u003e\n  \u003cspan\u003e\u0026nbsp;⬥\u0026nbsp;\u003c/span\u003e\n  \u003ca href=\"https://xandemon.github.io/developer-icons/icons/All\"\u003e\n    Browse Icons\n  \u003c/a\u003e\n  \u003cspan\u003e\u0026nbsp;⬥\u0026nbsp;\u003c/span\u003e\n  \u003ca href=\"https://www.npmjs.com/package/developer-icons\"\u003e\n    NPM Package\n  \u003c/a\u003e\n  \u003cspan\u003e\u0026nbsp;⬥\u0026nbsp;\u003c/span\u003e\n  \u003ca href=\"https://xandemon.github.io/developer-icons/docs/usageGuide/\"\u003e\n    Usage\n  \u003c/a\u003e\n  \u003cspan\u003e\u0026nbsp;⬥\u0026nbsp;\u003c/span\u003e\n  \u003ca href=\"https://xandemon.github.io/developer-icons/docs/contributing/\"\u003e\n    Contributing\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"public/cover-image-light.png\" alt=\"Developer Icons\" /\u003e\n\u003c/p\u003e\n\nWelcome to **`developer-icons`**—a curated set of high-quality, customizable tech icons built for developers and designers. Fully compatible with TypeScript, ideal for React and Next.js, or downloadable from our [official website](https://xandemon.github.io/developer-icons/icons/All \"Developer Icons Website\") for design projects.\n\n## 🚀 Tech Stack\n\n- [Astro](https://astro.build/) - The web framework for content-driven websites.\n- [React](https://reactjs.org/) - A JavaScript UI library used with Astro.\n- [Tailwind CSS](https://tailwindcss.com/) - A utility-first CSS framework for rapid UI development.\n- [NPM](https://www.npmjs.com/) - The package manager for JavaScript.\n- [Typescript](https://www.typescriptlang.org/) - A statically typed, superset of JavaScript.\n- [Vite](https://vitejs.dev/) - A lightning-fast build tool for an optimized development experience.\n- [Lucide Icons](https://lucide.dev/) - A modern, customizable, open-source icon library.\n- [SVGO](https://github.com/svg/svgo) - A powerful tool for compressing and optimizing SVG files.\n- [SVGSON](https://github.com/svgson/svgson) - A tool to seamlessly convert SVGs to JSON format and back.\n\n## 🌟 Features\n\n- ⚡ **Highly optimized:** Icons are optimized for performance and size. They are designed to be as small as possible while maintaining the quality.\n- 🎨 **Customizable:** Cusomizations are available for all icons. You can change the size, color, stroke width, and much more.\n- 🔍 **Perfectly scalable:** Icons are designed to be properly scaled to any size without compromising the quality.\n- 🔄 **Consistent icons:** No more dealing with inconsistent styles and designs. All icons are designed with a pre-defined set of rules.\n- 🌗 **Various variants:** Icons come with their own set of families such as light and dark mode, wordmark, and other variants.\n- ⭐ **Free \u0026 open-source:** Completely free and open-source with license. No need to worry about privately hidden malicious code and be a contributor yourself.\n\nExplore more and start using `developer-icons` today to enhance your projects with stunning, customizable icons!\n\n## 📦 Installation\n\nTo add the icons to your project, run one of the following commands:\n\n```bash\nnpm i developer-icons\n```\n\nor\n\n```bash\nyarn add developer-icons\n```\n\nor\n\n```bash\npnpm add developer-icons\n```\n\n## ⚙️ Usage\n\nImport named icon components from the `developer-icons` package and use them just like any other React component, with props/attributes similar to those of an SVG:\n\n```javascript\nimport { HtmlIcon, JavascriptIcon } from \"developer-icons\";\n\n//inside your React component JSX\nexport const YourReactComponent = () =\u003e {\n  return (\n    \u003cdiv\u003e\n      \u003cHtmlIcon className=\"html-icon\" /\u003e\n      \u003cJavascriptIcon size={52} style={{ marginLeft: 20 }} /\u003e\n    \u003c/div\u003e\n  );\n};\n```\n\nIn this example, we import `HtmlIcon` and `JavascriptIcon` from the `developer-icons` package and use them within a React component. You can customize the icons by adjusting their `size`, `color`, `style`, and other properties.\n\n## 🤝 Contributing\n\nWe welcome contributions of all kinds, whether you're looking to add new icons, improve existing ones, or enhance the overall project. To get started, refer to our [Contributing Guidelines](https://xandemon.github.io/developer-icons/docs/contributing).\n\n## 📜 License\n\nLicensed under MIT License and copyrights reserved.\n\nFor complete documentation, visit our [official documentation](https://xandemon.github.io/developer-icons/docs).\n","funding_links":["https://github.com/sponsors/xandemon","https://paypal.me/sandeshkatwal"],"categories":["TypeScript"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fxandemon%2Fdeveloper-icons","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fxandemon%2Fdeveloper-icons","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fxandemon%2Fdeveloper-icons/lists"}