{"id":13407991,"url":"https://github.com/MikeCodesDotNET/ColoredBadges","last_synced_at":"2025-03-14T12:32:03.348Z","repository":{"id":38345735,"uuid":"278675096","full_name":"MikeCodesDotNET/ColoredBadges","owner":"MikeCodesDotNET","description":"Some badges I created for my GitHub profile readme. ","archived":false,"fork":false,"pushed_at":"2024-08-14T15:20:37.000Z","size":8968,"stargazers_count":520,"open_issues_count":50,"forks_count":233,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-03-06T05:54:18.624Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":null,"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/MikeCodesDotNET.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"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}},"created_at":"2020-07-10T15:54:40.000Z","updated_at":"2025-02-27T20:03:42.000Z","dependencies_parsed_at":"2024-10-26T03:23:28.119Z","dependency_job_id":"9a6408f1-90a3-42d5-b506-6c8cdc7d878b","html_url":"https://github.com/MikeCodesDotNET/ColoredBadges","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/MikeCodesDotNET%2FColoredBadges","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MikeCodesDotNET%2FColoredBadges/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MikeCodesDotNET%2FColoredBadges/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MikeCodesDotNET%2FColoredBadges/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/MikeCodesDotNET","download_url":"https://codeload.github.com/MikeCodesDotNET/ColoredBadges/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243578409,"owners_count":20313825,"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":[],"created_at":"2024-07-30T20:00:50.009Z","updated_at":"2025-03-14T12:31:58.837Z","avatar_url":"https://github.com/MikeCodesDotNET.png","language":null,"readme":"# Colored Badges for GitHub profiles\nI've put together some badges I for my [GitHub profile readme](https://github.com/MikeCodesDotNET) as shown below and thought they might be useful to others. \n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"help/mybiopage.png\" alt=\"my github bio page!\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e \n\u003c/p\u003e\n\n---\n\n\n## The Badges\n\nAll badges are available as both [SVG](https://github.com/MikeCodesDotNET/ColoredBadges/tree/master/svg) \u0026 [PNG](https://github.com/MikeCodesDotNET/ColoredBadges/tree/master/png). I've also included the original [Figma file](https://github.com/MikeCodesDotNET/ColoredBadges/raw/master/badges.fig) I used to create these should you want to change the text. \n\n---\n\n## How to add a readme on your profile\n\nIt's super simple! \n\nCreate a new repo using your GitHub username as the repo name. Voilà! 🎉🎉🎉🎉\n\n---\n\n## Tips for using the Icons\nI'm sure you're already a pro with creating GitHub markdown documents, but I thought I'd give you a quick tip anyways.\n\nAlways try to use the SVG icons over the png. SVGs are scalable and look fabulous no matter what size device or DPI settings the viewer is using. \n\nYou can add an SVG image with a link using the following snippet: \n```\n \u003ca href=\"#\"\u003e\n    \u003cimg src=\"help/badge1.svg\" alt=\"example badge\" style=\"vertical-align:top margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n```\n\nNote how I have also provided **margins** of 6px for top and bottom and 4px for left and right. This allows the badges to have a little bit of space between them. \n\n### Alignment \nYou can align the badges by wrapping the seconds in a paragraph tag and setting the alignment property. \n\n#### Left Alignment\n```\n\u003cp align=\"left\"\u003e\n  \u003c!-- Badges go here\u003e\n\u003c/p\u003e\n```\n\u003cp align=\"left\"\u003e\n \u003ca href=\"#\"\u003e\n    \u003cimg src=\"help/Badge1.svg\" alt=\"blogger\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n \u003ca href=\"#\"\u003e\n    \u003cimg src=\"help/Badge2.svg\" alt=\"blogger\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n \u003ca href=\"#\"\u003e\n    \u003cimg src=\"help/Badge3.svg\" alt=\"blogger\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\u003c/p\u003e\n\n#### Center Alignment\n```\n\u003cp align=\"center\"\u003e\n  \u003c!-- Badges go here\u003e\n\u003c/p\u003e\n```\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"help/Badge1.svg\" alt=\"blogger\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n \u003ca href=\"#\"\u003e\n    \u003cimg src=\"help/Badge2.svg\" alt=\"blogger\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n \u003ca href=\"#\"\u003e\n    \u003cimg src=\"help/Badge3.svg\" alt=\"blogger\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\u003c/p\u003e\n\n#### Right Alignment\n```\n\u003cp align=\"right\"\u003e\n  \u003c!-- Badges go here\u003e\n\u003c/p\u003e\n```\n\u003cp align=\"right\"\u003e\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"help/Badge1.svg\" alt=\"blogger\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n \u003ca href=\"#\"\u003e\n    \u003cimg src=\"help/Badge2.svg\" alt=\"blogger\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n \u003ca href=\"#\"\u003e\n    \u003cimg src=\"help/Badge3.svg\" alt=\"blogger\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\u003c/p\u003e\n\n---\n\n## Editing / Creating you own \nThe [Figma file](https://github.com/MikeCodesDotNET/ColoredBadges/raw/master/badges.fig) contains a page detailing how to match the existing badge styles. \n\n---\n\n## Missing a badge you want? \nEither create your own with the supplied files or create an [issue](https://github.com/MikeCodesDotNET/ColoredBadges/issues/new?body=I%27d+like+to+have+a+new+badge.%0A%0A---Request+Info:) and if enough others thumbs-up the issue then I'll do my best to get the badge made. \n\n### Badge requests \nIt's super useful to have a few bits of information to speed up badge creation. It's much appreciated but not obligatory for you to provide an example icon/reference image, preferred background color and the text label content. \n\n\u003cp align=\"center\"\u003e\n \u003ca href=\"#\"\u003e\n    \u003cimg src=\"help/BadgeAnatomy.png\" alt=\" badge anatomy\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n  \u003cp\u003e\n\n### Request Template: \n\n**Reference Icon(s)**: \n\n**Preferred Background**: FF9900 / Orange\n\n**Label Text**: Hello World \n\n---\n\n# Badges \n\n## Blogging Platforms\n\u003cp align=\"left\"\u003e\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/blogs/blogger.svg\" alt=\"blogger\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/blogs/devto.svg\" alt=\"dev.to\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n   \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/blogs/medium.svg\" alt=\"medium\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n   \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/blogs/microblog.svg\" alt=\"microblog\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n   \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/blogs/rss.svg\" alt=\"rss\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n   \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/blogs/tumblr.svg\" alt=\"tumblr\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n   \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/blogs/wordpress.svg\" alt=\"wordpress\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e   \n\u003c/p\u003e\n \n---\n\n## Developer Tech\n\n### Frameworks \n\n\u003cp align=\"left\"\u003e\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/frameworks/angular.svg\" alt=\"angular\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n   \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/frameworks/avalonia.svg\" alt=\"avalonia\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n   \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/frameworks/bootstrap.svg\" alt=\"bootstrap\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/frameworks/flutter.svg\" alt=\"flutter\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n   \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/frameworks/godot.svg\" alt=\"godot\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n  \n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/frameworks/ionic.svg\" alt=\"ionic\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/frameworks/jquery.svg\" alt=\"jquery\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/frameworks/laravel.svg\" alt=\"laravel\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/frameworks/materialize.svg\" alt=\"materialize\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/frameworks/nodejs.svg\" alt=\"nodejs\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/frameworks/nodejs_larger.svg\" alt=\"nodejs_larger\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/frameworks/phonegap.svg\" alt=\"phonegap\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/frameworks/qt.svg\" alt=\"qt\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/frameworks/react.svg\" alt=\"react\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/frameworks/sencha.svg\" alt=\"sencha\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n\n   \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/frameworks/unity.svg\" alt=\"unity\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n   \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/frameworks/uwp.svg\" alt=\"uwp\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/frameworks/vue.svg\" alt=\"vue\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/frameworks/wpf.svg\" alt=\"wpf\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/frameworks/xamarin_android.svg\" alt=\"xamarin_android\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n   \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/frameworks/xamarin_forms.svg\" alt=\"xamarin_forms\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/frameworks/xamarin_ios.svg\" alt=\"xamarin_ios\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n   \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/frameworks/xamarin_mac.svg\" alt=\"xamarin_mac\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n\u003c/p\u003e\n\n### Languages \n\n\u003cp align=\"left\"\u003e\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/languages/csharp.svg\" alt=\"csharp\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n   \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/languages/csharp_dotnet.svg\" alt=\"csharp_dotnet\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/languages/css3.svg\" alt=\"css3\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/languages/dart.svg\" alt=\"dart\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/languages/dart_colour.svg\" alt=\"dart_colour\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n\n   \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/languages/fsharp.svg\" alt=\"fsharp\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n \n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/languages/fsharp_dotnet.svg\" alt=\"fsharp_dotnet\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/languages/go.svg\" alt=\"go\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/languages/html.svg\" alt=\"html\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/languages/java.svg\" alt=\"java\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/languages/js.svg\" alt=\"js\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/languages/php.svg\" alt=\"php\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/languages/python.svg\" alt=\"python\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/languages/r.svg\" alt=\"r\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/languages/rsoftware.svg\" alt=\"rsoftware\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/languages/rust.svg\" alt=\"rust\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/languages/sass.svg\" alt=\"sass\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/languages/swift.svg\" alt=\"swift\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n\u003c/p\u003e\n\n### Misc\n\u003cp align=\"left\"\u003e\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/misc/ai.svg\" alt=\"ai\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n   \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/misc/chrome.svg\" alt=\"chrome\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n   \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/misc/cloud.svg\" alt=\"cloud\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n   \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/misc/datascience.svg\" alt=\"datascience\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n   \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/misc/desktop.svg\" alt=\"desktop\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n   \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/misc/edge.svg\" alt=\"edge\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n   \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/misc/firefox.svg\" alt=\"firefox\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n   \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/misc/gamedev.svg\" alt=\"gamedev\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n   \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/misc/iot.svg\" alt=\"iot\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n   \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/misc/mobile.svg\" alt=\"mobile\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n   \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/misc/security.svg\" alt=\"security\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/misc/tablet.svg\" alt=\"tablet\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n   \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/misc/tools.svg\" alt=\"tools\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n  \n   \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/misc/vr.svg\" alt=\"vr\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n\n   \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/misc/web.svg\" alt=\"web\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n\u003c/p\u003e\n\n### Services \n\u003cp align=\"left\"\u003e\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/services/aws.svg\" alt=\"aws\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e \n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/services/azure.svg\" alt=\"azure\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e \n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/services/codechef.svg\" alt=\"codechef\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e \n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/services/codewars.svg\" alt=\"codewars\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e \n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/services/digitalocean.svg\" alt=\"digitalocean\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e \n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/services/dockerhub.svg\" alt=\"dockerhub\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e \n  \n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/services/excercism.svg\" alt=\"excercism\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e \n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/services/exchange.svg\" alt=\"exchange\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e \n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/services/gcp.svg\" alt=\"gcp\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e \n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/services/google_cloud_platform.svg\" alt=\"google_cloud_platform\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e \n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/services/hackerrank.svg\" alt=\"hackerrank\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e \n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/services/kubernetes.svg\" alt=\"kubernetes\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e \n\n  \n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/services/leetcode.svg\" alt=\"leetcode\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e \n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/services/npm.svg\" alt=\"npm\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e \n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/services/nuget.svg\" alt=\"nuget\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e \n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/services/office_365.svg\" alt=\"office 365\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e \n\n  \n\u003c/p\u003e\n\n\n### Tools  \n\u003cp align=\"left\"\u003e\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/tools/android_studio.svg\" alt=\"android_studio\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e \n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/tools/android_studio_colour.svg\" alt=\"android_studio_colour\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e \n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/tools/bash.svg\" alt=\"bash\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e \n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/tools/docker.svg\" alt=\"docker\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e \n\n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/tools/eclipse.svg\" alt=\"eclipse\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e \n\n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/tools/jetbrains_appcode.svg\" alt=\"jetbrains_appcode\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e \n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/tools/jetbrains_clion.svg\" alt=\"jetbrains_clion\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e \n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/tools/jetbrains_datagrip.svg\" alt=\"jetbrains_datagrip\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e \n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/tools/jetbrains_datalore.svg\" alt=\"jetbrains_datalore\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e \n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/tools/jetbrains_goland.svg\" alt=\"jetbrains_goland\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e \n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/tools/jetbrains_intellij.svg\" alt=\"jetbrains_intellij\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e \n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/tools/jetbrains_phpstorm.svg\" alt=\"jetbrains_phpstorm\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e \n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/tools/jetbrains_pycharm.svg\" alt=\"jetbrains_pycharm\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e \n  \n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/tools/jetbrains_rider.svg\" alt=\"jetbrains_rider\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e \n  \n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/tools/jetbrains_rubymine.svg\" alt=\"jetbrains_rubymine\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e \n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/tools/jetbrains_webstorm.svg\" alt=\"jetbrains webstorm\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e \n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/tools/linqpad.svg\" alt=\"linqpad\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e \n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/tools/ndepend.svg\" alt=\"ndepend\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e \n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/tools/powershell.svg\" alt=\"powershell\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e \n\n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/tools/visualstudio.svg\" alt=\"visualstudio\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e \n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/tools/visualstudio_code.svg\" alt=\"visualstudio_code\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e \n\n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/tools/vmware.svg\" alt=\"vmware\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e \n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/dev/tools/xcode.svg\" alt=\"xcode\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e \n\n\n\u003c/p\u003e\n\n--- \n\n## Devices / Manufacturers\n\u003cp align=\"left\"\u003e\n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/devices/cisco.svg\" alt=\"cisco\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/devices/mac.svg\" alt=\"mac\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/devices/nintendo.svg\" alt=\"nintendo\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/devices/pc.svg\" alt=\"pc\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/devices/philips_hue.svg\" alt=\"philips_hue\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/devices/playstation.svg\" alt=\"playstation\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/devices/raspberrypi.svg\" alt=\"raspberrypi\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/devices/wearables.svg\" alt=\"wearables\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/devices/xbox.svg\" alt=\"xbox\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n\u003c/p\u003e\n\n---\n\n## Pronouns \n\u003cp align=\"left\"\u003e\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/pronouns/hehim.svg\" alt=\"he / him\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/pronouns/sheher.svg\" alt=\"she / her\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/pronouns/theythem.svg\" alt=\"they / them\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n\u003c/p\u003e\n\n---\n\n\n## Social \u0026 Professional \n\u003cp align=\"left\"\u003e\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/social/angellist.svg\" alt=\"angellist\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/social/email_me.svg\" alt=\"email_me\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n  \n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/social/foursquare.svg\" alt=\"foursquare\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/social/gitter.svg\" alt=\"gitter\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/social/gmail.svg\" alt=\"gmail\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/social/instagram.svg\" alt=\"instagram\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/social/linkedin.svg\" alt=\"linkedin\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/social/meetup.svg\" alt=\"meetup\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/social/outlook.svg\" alt=\"outlook\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/social/reddit.svg\" alt=\"reddit\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/social/skype.svg\" alt=\"skype\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/social/snapchat.svg\" alt=\"snapchat\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/social/soundcloud.svg\" alt=\"soundcloud\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/social/speakerdeck.svg\" alt=\"speakerdeck\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e    \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/social/stackoverflow.svg\" alt=\"stackoverflow\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e    \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/social/steam.svg\" alt=\"steam\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e    \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/social/telegram.svg\" alt=\"telegram\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e    \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/social/tiktok.svg\" alt=\"tiktok\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e    \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/social/twitter.svg\" alt=\"twitter\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e    \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/social/untappd.svg\" alt=\"untappd\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e    \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/social/viber.svg\" alt=\"viber\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e    \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/social/whatsapp.svg\" alt=\"whatsapp\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n\u003c/p\u003e\n\n--- \n\n## Streaming \u0026 Videos\n\u003cp align=\"left\"\u003e\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/streaming/mixer.svg\" alt=\"mixer\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n  \n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/streaming/podcast.svg\" alt=\"podast\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/streaming/twitch.svg\" alt=\"twitch\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/streaming/vimeo.svg\" alt=\"vimeo\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"svg/streaming/youtube.svg\" alt=\"youtube\" style=\"vertical-align:top; margin:6px 4px\"\u003e\n  \u003c/a\u003e  \n\n\u003c/p\u003e\n","funding_links":[],"categories":["What to add to your README?","others","Others","🧩 Badges 👇"],"sub_categories":["12. Add Colored Badges,Shields etc."],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FMikeCodesDotNET%2FColoredBadges","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FMikeCodesDotNET%2FColoredBadges","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FMikeCodesDotNET%2FColoredBadges/lists"}