{"id":25900420,"url":"https://github.com/hifza-khalid/google-logo-flutter","last_synced_at":"2026-04-09T12:49:38.315Z","repository":{"id":280098867,"uuid":"940980699","full_name":"Hifza-Khalid/Google-logo-flutter","owner":"Hifza-Khalid","description":"A Flutter project that 🎨 accurately replicates the Google \"G\" logo using CustomPainter, providing ✨ flexibility in size, 🎨 colors, and 🌈 gradients.","archived":false,"fork":false,"pushed_at":"2025-03-01T08:10:51.000Z","size":0,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-01T08:26:29.263Z","etag":null,"topics":["custompainter","dart","flutter","flutter-ui","google-logo","mobile-development","ui-design","vector-drawing"],"latest_commit_sha":null,"homepage":"https://github.com/Hifza-Khalid/Google-logo-flutter","language":"C++","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/Hifza-Khalid.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":"2025-03-01T07:32:28.000Z","updated_at":"2025-03-01T08:10:54.000Z","dependencies_parsed_at":"2025-03-01T08:38:26.799Z","dependency_job_id":null,"html_url":"https://github.com/Hifza-Khalid/Google-logo-flutter","commit_stats":null,"previous_names":["hifza-khalid/google-logo-flutter"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Hifza-Khalid%2FGoogle-logo-flutter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Hifza-Khalid%2FGoogle-logo-flutter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Hifza-Khalid%2FGoogle-logo-flutter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Hifza-Khalid%2FGoogle-logo-flutter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Hifza-Khalid","download_url":"https://codeload.github.com/Hifza-Khalid/Google-logo-flutter/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241596277,"owners_count":19988044,"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":["custompainter","dart","flutter","flutter-ui","google-logo","mobile-development","ui-design","vector-drawing"],"created_at":"2025-03-03T02:16:44.432Z","updated_at":"2025-12-30T22:55:57.478Z","avatar_url":"https://github.com/Hifza-Khalid.png","language":"C++","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Google Logo Flutter 🎨📱\n\n## Problem Statement 🚀\nI was designing the UI for my mobile application, where I needed to use the Google \"G\" logo. However, the default icons provided by Flutter did not include an exact match. The closest option looked more like a search icon. After exploring the [Flutter Icons API](https://api.flutter.dev/flutter/material/Icons-class.html), I confirmed that there was no official Google/Gmail logo available.\n\n### Initial Attempt ❌\nI found an alternative solution by using the `font_awesome_flutter` package:\n\n```dart\nimport 'package:font_awesome_flutter/font_awesome_flutter.dart';\n\nColumn(\n  mainAxisAlignment: MainAxisAlignment.center,\n  children: [\n    // Google Icon\n    FaIcon(\n      FontAwesomeIcons.google,\n      size: 60,\n      color: Colors.red,\n    ),\n    SizedBox(height: 40),\n    // Gmail Icon\n    FaIcon(\n      FontAwesomeIcons.envelope,\n      size: 60,\n      color: Colors.red,\n    ),\n  ],\n)\n```\n\n### Output Image 📸\n![Google Icon Output](https://github.com/Hifza-Khalid/google-logo-flutter/blob/main/screenshots/Google1.JPG)\n\nHowever, I was not satisfied because:\n1. The icon lacked the original gradient shades of the Google logo.\n2. It didn't perfectly match Google's branding.\n\n### Final Solution ✅\nTo get the exact Google \"G\" logo, I implemented it using `CustomPainter` in Flutter. This approach allowed me to accurately replicate the logo's shape, colors, and gradients.\n\n#### Implementation 🧐\nI used `CustomPainter` to draw the Google \"G\" logo with precise color shading and arc rendering. Check out the code in this repository for the full implementation!\n\n## Features 🎨\n- Draws the Google \"G\" logo accurately.\n- Uses `CustomPainter` for custom drawing.\n- Provides flexibility to adjust size and colors.\n- Does not rely on external icon libraries.\n\n## How to Run 🏃‍♂️\n1. Clone the repository:\n   ```sh\n   git clone https://github.com/Hifza-Khalid/google-logo-flutter.git\n   ```\n2. Open the project in your preferred Flutter development environment.\n3. Run the app:\n   ```sh\n   flutter run\n   ```\n\n### Final Output Image 📸\n![Final Google Logo Output](https://github.com/Hifza-Khalid/google-logo-flutter/blob/main/screenshots/Google2.JPG)\n\u003chr\u003e\n\n\n## Author ✨\n- Developed \u0026 modified by **Hifza** 🌟🖌️\n## Gist Google logo in Flutter 🎨\n\n[![Google Logo gist](https://img.shields.io/badge/Gist-view-blue)](https://gist.github.com/Hifza-Khalid/a029b430a4f089db173734d4fbd30a51)\n\n## License 📚\nThis project is open-source and available under the [MIT License](LICENSE).\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhifza-khalid%2Fgoogle-logo-flutter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhifza-khalid%2Fgoogle-logo-flutter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhifza-khalid%2Fgoogle-logo-flutter/lists"}