{"id":17480375,"url":"https://github.com/litomore/simple-icons-cdn","last_synced_at":"2025-04-05T22:04:08.935Z","repository":{"id":61374857,"uuid":"542566956","full_name":"LitoMore/simple-icons-cdn","owner":"LitoMore","description":"🎨 Colorable and resizable CDN for Simple Icons","archived":false,"fork":false,"pushed_at":"2025-03-16T16:28:33.000Z","size":542,"stargazers_count":128,"open_issues_count":0,"forks_count":6,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-03-28T14:17:26.826Z","etag":null,"topics":["badgen","brands","cdn","colorable","colors","customizable","icons","logos","notion","resizable","simple-icons","simple-icons-cdn","simpleicons","svg"],"latest_commit_sha":null,"homepage":"https://cdn.simpleicons.org","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/LitoMore.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","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":"LitoMore"}},"created_at":"2022-09-28T11:57:31.000Z","updated_at":"2025-03-28T09:46:25.000Z","dependencies_parsed_at":"2023-01-30T03:00:57.214Z","dependency_job_id":"a9be689c-b7be-483c-bd3d-2a99d8fb0a93","html_url":"https://github.com/LitoMore/simple-icons-cdn","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LitoMore%2Fsimple-icons-cdn","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LitoMore%2Fsimple-icons-cdn/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LitoMore%2Fsimple-icons-cdn/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LitoMore%2Fsimple-icons-cdn/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/LitoMore","download_url":"https://codeload.github.com/LitoMore/simple-icons-cdn/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247406085,"owners_count":20933803,"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":["badgen","brands","cdn","colorable","colors","customizable","icons","logos","notion","resizable","simple-icons","simple-icons-cdn","simpleicons","svg"],"created_at":"2024-10-18T21:43:41.452Z","updated_at":"2025-04-05T22:04:08.913Z","avatar_url":"https://github.com/LitoMore.png","language":"TypeScript","funding_links":["https://github.com/sponsors/LitoMore"],"categories":[],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003esimple-icons-cdn\u003c/h1\u003e\n\u003cp align=\"center\"\u003eColorable and resizable CDN for Simple Icons\u003c/p\u003e\n\u003cp align=\"center\"\u003e\n\t\u003ca href=\"https://github.com/LitoMore/simple-icons-cdn/actions\"\u003e\n\t\t\u003cimg src=\"https://img.shields.io/github/actions/workflow/status/LitoMore/simple-icons-cdn/deno.yml?branch=main\u0026logo=deno\u0026logoColor=000\u0026label=Deno\u0026labelColor=fff\"/\u003e\n\t\u003c/a\u003e\n\t\u003ca href=\"https://fly.io\"\u003e\n\t\t\u003cimg src=\"https://img.shields.io/badge/Powered_by_Fly.io-24175B?logo=flydotio\u0026logoColor=fff\" /\u003e\n\t\u003c/a\u003e\n\u003c/p\u003e\n\n## Disclaimer\n\nWe ask that all users read the [legal disclaimer](https://github.com/simple-icons/simple-icons/blob/develop/DISCLAIMER.md) before using icons from Simple Icons.\n\n## Usage\n\n```\nGET https://cdn.simpleicons.org/:icon_slug/:color?/:dark_mode_color?\n```\n\n### Parameters\n\n#### `icon_slug`\n\nYou can simply click the icon title on [simpleicons.org](https://simpleicons.org) to copy the slug.\n\nAll icon slugs can be found at [slugs.md](https://github.com/simple-icons/simple-icons/blob/master/slugs.md).\n\n#### `color`\n\nOptional. Default to the color of icon from [simpleicons.org](https://simpleicons.org). It supports [hex colors](https://developer.mozilla.org/en-US/docs/Web/CSS/hex-color) and [CSS keywords](https://www.w3.org/wiki/CSS/Properties/color/keywords). Passing in an invalid value will use the default color as a fallback.\n\n#### `dark_mode_color`\n\nOptional. It's used for dark mode and has the same function as `color`. The [CSS prefers-color-scheme](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme) will be used when a value is specified.\n\n#### `viewbox`\n\nOptional. The icon is placed in a square viewBox by default. Use the query parameter `viewbox=auto` to adjust the viewBox to the same aspect ratio as the shape.\n\n#### `size`\n\nOptional. It's used for customizing the icon size. Use the query parameter `size` to scale with its original aspect ratio.\n\n### Examples\n\n- \u003cimg height=\"14\" src=\"https://cdn.simpleicons.org/simpleicons/111/eee\"/\u003e - https://cdn.simpleicons.org/simpleicons\n- \u003cimg height=\"14\" src=\"https://cdn.simpleicons.org/simpleicons/blue\"/\u003e - https://cdn.simpleicons.org/simpleicons/blue\n- \u003cimg height=\"14\" src=\"https://cdn.simpleicons.org/simpleicons/hotpink\"/\u003e - https://cdn.simpleicons.org/simpleicons/hotpink\n- \u003cimg height=\"14\" src=\"https://cdn.simpleicons.org/simpleicons/0cf\"/\u003e - https://cdn.simpleicons.org/simpleicons/0cf\n- \u003cimg height=\"14\" src=\"https://cdn.simpleicons.org/simpleicons/0cf9\"/\u003e - https://cdn.simpleicons.org/simpleicons/0cf9\n- \u003cimg height=\"14\" src=\"https://cdn.simpleicons.org/simpleicons/00ccff\"/\u003e - https://cdn.simpleicons.org/simpleicons/00ccff\n- \u003cimg height=\"14\" src=\"https://cdn.simpleicons.org/simpleicons/00ccff99\"/\u003e - https://cdn.simpleicons.org/simpleicons/00ccff99\n- \u003cimg height=\"14\" src=\"https://cdn.simpleicons.org/simpleicons/orange/pink\"/\u003e - https://cdn.simpleicons.org/simpleicons/orange/pink\n- \u003cimg height=\"14\" src=\"https://cdn.simpleicons.org/simpleicons/_/eee\"/\u003e - https://cdn.simpleicons.org/simpleicons/_/eee\n- \u003cimg height=\"14\" src=\"https://cdn.simpleicons.org/simpleicons/eee/_\"/\u003e - [https://cdn.simpleicons.org/simpleicons/eee/\\_](https://cdn.simpleicons.org/simpleicons/eee/_)\n\n#### Auto-sized\n\nThis is useful if you want all icons rendered with consitent size.\n\n```html\n\u003cimg height=\"20\" src=\"https://cdn.simpleicons.org/javascript?viewbox=auto\" /\u003e\n\u003cimg height=\"20\" src=\"https://cdn.simpleicons.org/python?viewbox=auto\" /\u003e\n\u003cimg height=\"20\" src=\"https://cdn.simpleicons.org/kotlin?viewbox=auto\" /\u003e\n\u003cimg height=\"20\" src=\"https://cdn.simpleicons.org/dart?viewbox=auto\" /\u003e\n\u003cimg height=\"20\" src=\"https://cdn.simpleicons.org/r?viewbox=auto\" /\u003e\n\u003cimg height=\"20\" src=\"https://cdn.simpleicons.org/swift?viewbox=auto\" /\u003e\n\u003cimg height=\"20\" src=\"https://cdn.simpleicons.org/julia?viewbox=auto\" /\u003e\n\u003cimg height=\"20\" src=\"https://cdn.simpleicons.org/haskell?viewbox=auto\" /\u003e\n\u003cimg height=\"20\" src=\"https://cdn.simpleicons.org/clojure?viewbox=auto\" /\u003e\n```\n\n\u003cp align=\"center\"\u003e\n\t\u003cimg height=\"20\" src=\"https://cdn.simpleicons.org/javascript?viewbox=auto\" /\u003e\n\t\u003cimg height=\"20\" src=\"https://cdn.simpleicons.org/python?viewbox=auto\" /\u003e\n\t\u003cimg height=\"20\" src=\"https://cdn.simpleicons.org/kotlin?viewbox=auto\" /\u003e\n\t\u003cimg height=\"20\" src=\"https://cdn.simpleicons.org/dart?viewbox=auto\" /\u003e\n\t\u003cimg height=\"20\" src=\"https://cdn.simpleicons.org/r?viewbox=auto\" /\u003e\n\t\u003cimg height=\"20\" src=\"https://cdn.simpleicons.org/swift?viewbox=auto\" /\u003e\n\t\u003cimg height=\"20\" src=\"https://cdn.simpleicons.org/julia?viewbox=auto\" /\u003e\n\t\u003cimg height=\"20\" src=\"https://cdn.simpleicons.org/haskell?viewbox=auto\" /\u003e\n\t\u003cimg height=\"20\" src=\"https://cdn.simpleicons.org/clojure?viewbox=auto\" /\u003e\n\u003c/p\u003e\n\n### Other usages\n\n#### Raycast\n\nEasily browse, search, and copy icon SVG source, brand color, guidelines, and CDN links with Raycast.\n\n\u003cp align=\"center\"\u003e\n\t\u003ca title=\"Install simple-icons Raycast Extension\" href=\"https://www.raycast.com/litomore/simple-icons\"\u003e\n\t\t\u003cimg src=\"https://www.raycast.com/litomore/simple-icons/install_button@2x.png?v=1.1\" width=\"256\" style=\"width: 256px;\"\u003e\n\t\u003c/a\u003e\n\u003c/p\u003e\n\n#### Notion\n\nYou can use this icon CDN anywhere in Notion which allows you to insert a custom image or icon.\n\n\u003cp align=\"center\"\u003e\n\t\u003cpicture\u003e\n\t\t\u003csource media=\"(prefers-color-scheme: dark)\" srcset=\"https://raw.githubusercontent.com/LitoMore/simple-icons-cdn/main/media/notion-screenshot-dark.webp\"\u003e\n  \t\u003csource media=\"(prefers-color-scheme: light)\" srcset=\"https://raw.githubusercontent.com/LitoMore/simple-icons-cdn/main/media/notion-screenshot-light.webp\"\u003e\n\t\t\u003cimg width=\"400\" src=\"https://raw.githubusercontent.com/LitoMore/simple-icons-cdn/main/media/notion-screenshot-light.webp\" /\u003e\n\t\u003c/picture\u003e\n\u003c/p\u003e\n\n#### Kando\n\nThis is also useful to customize your icon color for [Kando](https://kando.menu) menu items:\n\n![](https://raw.githubusercontent.com/LitoMore/simple-icons-cdn/main/media/kando-screenshot.webp)\n\n#### Terminal\n\nIt's possible to use icons from the terminal emulator since iTerm2 has [special image support](https://www.iterm2.com/documentation-images.html).\n\n```shell\nimgcat -u 'https://cdn.simpleicons.org/go'\nimgcat -u 'https://cdn.simpleicons.org/go?viewbox=auto'\nimgcat -u 'https://cdn.simpleicons.org/go?viewbox=auto\u0026size=48'\n```\n\n\u003cp align=\"center\"\u003e\n\t\u003cimg width=\"465\" src=\"https://raw.githubusercontent.com/LitoMore/simple-icons-cdn/main/media/imgcat-screenshot.webp\" /\u003e\n\u003c/p\u003e\n\n### Domain aliases\n\n- [cdn.simpleicons.org](https://cdn.simpleicons.org/simpleicons)\n- [icons.ly](https://icons.ly/simpleicons)\n\n## Related\n\n- [Simple Icons](https://github.com/simple-icons/simple-icons) - Icon provider of the CDN service\n- [Brand Icons](https://raycast.com/litomore/simple-icons) - Raycast extension that makes it easy to search and copy CDN links\n\n## License\n\nMIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flitomore%2Fsimple-icons-cdn","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flitomore%2Fsimple-icons-cdn","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flitomore%2Fsimple-icons-cdn/lists"}