{"id":19737341,"url":"https://github.com/proksh/proxy-icons","last_synced_at":"2026-02-09T05:08:05.446Z","repository":{"id":239921134,"uuid":"798384856","full_name":"proksh/proxy-icons","owner":"proksh","description":null,"archived":false,"fork":false,"pushed_at":"2024-09-30T16:37:07.000Z","size":12138,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-08-09T03:58:22.563Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://proxy-icons-website.vercel.app","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/proksh.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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}},"created_at":"2024-05-09T17:08:16.000Z","updated_at":"2024-09-30T16:37:11.000Z","dependencies_parsed_at":"2024-09-16T15:08:31.911Z","dependency_job_id":"ea7ae54d-2731-47e9-8d2b-cd538114ef16","html_url":"https://github.com/proksh/proxy-icons","commit_stats":null,"previous_names":["proksh/proxy-icons"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/proksh/proxy-icons","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/proksh%2Fproxy-icons","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/proksh%2Fproxy-icons/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/proksh%2Fproxy-icons/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/proksh%2Fproxy-icons/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/proksh","download_url":"https://codeload.github.com/proksh/proxy-icons/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/proksh%2Fproxy-icons/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29257615,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-09T04:11:57.159Z","status":"ssl_error","status_checked_at":"2026-02-09T04:11:56.117Z","response_time":56,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":[],"created_at":"2024-11-12T01:10:38.815Z","updated_at":"2026-02-09T05:08:05.433Z","avatar_url":"https://github.com/proksh.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Proxy Icons\n\n[![npm version](https://img.shields.io/npm/v/proxy-icons.svg?style=flat-square)](https://www.npmjs.com/package/proxy-icons)\n\nEasily integrate these icons into your application by using Font cdn or React components to enhance user experience.\n\n## Installation with CDN\n\n1. **Add CDN Link**: To integrate Proxy Icons into your project, copy the following CDN link and paste it within the `\u003chead\u003e` tag of your HTML document:\n\n   ```html\n   \u003clink href=\"https://raw.githubusercontent.com/proksh/proxy-icons/blob/main/packages/font/pro.css\" rel=\"stylesheet\" /\u003e\n   ```\n\n   Alternatively, you can download the \u003ca href=\"#\"\u003eproxy-icons.css\u003c/a\u003e file and include it in the `\u003chead\u003e` tag of your HTML document.\n\n2. **Use Icons**: To use an icon, add an `\u003ci\u003e` tag with the appropriate class name. The class name follows the convention: `pro-{name}-{style}`.\n\n   ```html\n   \u003ci class=\"pro-user-line\"\u003e\u003c/i\u003e \u003ci class=\"pro-user-fill\"\u003e\u003c/i\u003e\n   ```\n\n   Note: Replace `{name}` with the icon name and `{style}` with the desired style (e.g., line for outlined icons or fill for filled icons).\n\n3. **Sizing**: You can resize Proxy Icons using inline styles or predefined classes. For example:\n\n   ```html\n   \u003ci class=\"pro-user-line\" style=\"font-size: 12px;\"\u003e\u003c/i\u003e\n   ```\n\n   If you're using a CSS framework like Tailwind CSS or Bootstrap, you can apply their text sizing classes directly:\n\n   ```html\n   \u003ci class=\"pro-user-line text-xs\"\u003e\u003c/i\u003e\n   \u003ci class=\"pro-user-line text-sm\"\u003e\u003c/i\u003e\n   \u003ci class=\"pro-user-line text-lg\"\u003e\u003c/i\u003e\n   ```\n\n## Installation with npm\n\nInstall the Proxy Icons package using your preferred package manager:\n\n```bash\nnpm install proxy-icons\n# or\nyarn add proxy-icons\n# or\npnpm install proxy-icons\n```\n\n## Usage\n\n1. Import the desired icon component:\n\n```javascript\nimport { ProUserFill } from 'proxy-icons';\n```\n\n2. Use the icon component within your React component:\n\n```javascript\nconst MyComponent = () =\u003e {\n  return (\n    \u003cProUserFill className=\"my-icon\" /\u003e // Add custom class for styling\n  );\n};\n```\n\nNote: Replace `ProUserFill` with the specific icon component you need from the Proxy Icons package.\n\n## Available Icons\n\n[https://proxy-icons-website.vercel.app/](https://proxy-icons-website.vercel.app/)\n\n## Sizing\n\nApply styles or classes to adjust the size of your icons. Here's an example using Tailwind CSS and inline styles:\n\n```javascript\nimport { ProUserFill } from 'proxy-icons';\n\nconst MyComponent = () =\u003e {\n  return (\n    \u003c\u003e\n      {/* Using Tailwind CSS */}\n      \u003cProUserFill className=\"size-5\" /\u003e\n\n      {/* Using inline styles */}\n      \u003cProUserFill style={{ height: '20px', width: '20px' }} /\u003e\n    \u003c/\u003e\n  );\n};\n```\n\n**Note**: Adapt the sizing approach based on your chosen CSS framework or design system.\n\n## Additional Notes\n\n- Import Only Needed Icons: Only import the icons you need to keep your bundle size optimized.\n- Custom Styles: Further customize the icons with CSS classes or inline styles as needed.\n- Responsive Sizing: Consider using responsive classes or media queries to adjust icon sizes based on screen size.\n\n## Live Demo\n\n[https://proxy-icons-website.vercel.app/](https://proxy-icons-website.vercel.app/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fproksh%2Fproxy-icons","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fproksh%2Fproxy-icons","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fproksh%2Fproxy-icons/lists"}