Skip to content

chore: Update Telegram icon to official logo design#1176

Merged
brianacnguyen merged 3 commits into
mainfrom
cursor/update-telegram-icon-c93d
May 18, 2026
Merged

chore: Update Telegram icon to official logo design#1176
brianacnguyen merged 3 commits into
mainfrom
cursor/update-telegram-icon-c93d

Conversation

@brianacnguyen

Copy link
Copy Markdown
Contributor

Description

Updated the Telegram icon SVG to match the official Telegram logo design. The previous icon had a "tail" on the paper plane that didn't match the official Telegram brand guidelines. The new icon matches the design provided in the Figma files and aligns with what the mobile team requested for the "Continue with Telegram" social login feature.

What changed:

  • Updated packages/design-system-shared/src/assets/icons/telegram.svg with the new SVG path
  • Ran yarn generate:icons which regenerated:
    • packages/design-system-react-native/src/components/Icon/assets/telegram.svg
    • packages/design-system-react/src/components/Icon/icons/Telegram.tsx

Related issues

Fixes: Design request from mobile team for Telegram social login feature

Manual testing steps

  1. Go to Storybook
  2. Find the Telegram icon in the Icon component
  3. Verify the icon matches the official Telegram logo (paper plane without tail)

Screenshots/Recordings

Before

The icon had a tail on the paper plane which didn't match the official Telegram logo.

After

The icon now matches the official Telegram logo design as specified in the Figma design files.

Pre-merge author checklist

  • I've followed MetaMask Contributor Docs
  • I've completed the PR template to the best of my ability
  • I've included tests if applicable
  • I've documented my code using JSDoc format if applicable
  • I've applied the right labels on the PR (see labeling guidelines). Not required for external contributors.

Pre-merge reviewer checklist

  • I've manually tested the PR (e.g. pull and build branch, run the app, test code being changed).
  • I confirm that this PR addresses all acceptance criteria described in the ticket it closes and includes the necessary testing evidence such as recordings and or screenshots.

Slack Thread

Open in Web Open in Cursor 

Updated the Telegram icon SVG to match the official Telegram logo design
without the tail, as requested by the mobile team.

Co-authored-by: Brian August Nguyen <brianacnguyen@gmail.com>
@github-actions

Copy link
Copy Markdown
Contributor

📖 Storybook Preview

@brianacnguyen brianacnguyen changed the title Update Telegram icon to official logo design chore: Update Telegram icon to official logo design May 18, 2026
@github-actions

Copy link
Copy Markdown
Contributor

📖 Storybook Preview

@brianacnguyen brianacnguyen marked this pull request as ready for review May 18, 2026 15:39
@brianacnguyen brianacnguyen requested a review from a team as a code owner May 18, 2026 15:39
@github-actions

Copy link
Copy Markdown
Contributor

📖 Storybook Preview

@vinnyhoward vinnyhoward left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

@brianacnguyen brianacnguyen merged commit ae53a7f into main May 18, 2026
44 checks passed
@brianacnguyen brianacnguyen deleted the cursor/update-telegram-icon-c93d branch May 18, 2026 17:24
@brianacnguyen brianacnguyen mentioned this pull request May 20, 2026
18 tasks
georgewrmarshall pushed a commit that referenced this pull request May 20, 2026
## Release 41.0.0

This release adds mobile layout components (`TitleAlert`,
`SectionHeader`, `SectionDivider`), exports shared types for the new
cross-platform contracts, and updates the `Telegram` icon asset on web
and mobile. There are no breaking API changes.

### 📦 Package Versions

- `@metamask/design-system-shared`: **0.19.0**
- `@metamask/design-system-react`: **0.23.1**
- `@metamask/design-system-react-native`: **0.26.0**

### 🔄 Shared Type Updates (0.19.0)

#### Component Type Additions
([#1131](#1131),
[#1175](#1175))

**What Changed:**

- Exported `TitleAlertPropsShared` for alert-style title layouts
(severity, title row, optional description)
- Exported `SectionHeaderPropsShared` for section headings with optional
accessories and icon shortcuts
- Updated the shared `Telegram` icon asset to match the official
Telegram logo
([#1176](#1176))

**Impact:**

- Enables consistent `TitleAlert` and `SectionHeader` implementations
across React and React Native
- Continues ADR-0003/ADR-0004 const-object + string-union pattern
adoption
- Apps using `IconName.Telegram` on either platform get the updated
glyph without API changes

### 🌐 React Web Updates (0.23.1)

#### Changed

- Updated the `Telegram` icon asset to match the official Telegram logo
([#1176](#1176))

### 📱 React Native Updates (0.26.0)

#### Added

- Added `TitleAlert` for alert-style headings with a severity icon,
title row, and optional description in modals, bottom sheets, and other
compact surfaces
([#1131](#1131))
- Added `SectionHeader` for section titles with optional start and end
accessories, icon shortcuts, and an inline title accessory
([#1175](#1175))
- Added `SectionDivider` as a horizontal rule with a muted top border
and default vertical spacing for separating screen sections
([#1174](#1174))

#### Changed

- Updated the `Telegram` icon asset to match the official Telegram logo
([#1176](#1176))

### ⚠️ Breaking Changes

None in this release.

### ✅ Checklist

- [x] Changelogs updated with human-readable descriptions
- [x] Changelog validation passed (`yarn changelog:validate`)
- [x] Version bumps follow semantic versioning
- [x] design-system-shared: **minor** (0.18.0 → 0.19.0) — new shared
type exports + icon asset update
- [x] design-system-react: **patch** (0.23.0 → 0.23.1) — `Telegram` icon
asset update only
- [x] design-system-react-native: **minor** (0.25.0 → 0.26.0) — new
components + icon asset update
- [x] Breaking changes documented with migration guidance — N/A (no
breaking changes)
- [x] Migration guides updated with before/after examples — N/A (no
breaking changes)
- [x] PR references included in changelog entries

## **Pre-merge author checklist**

- [x] I've followed [MetaMask Contributor
Docs](https://github.com/MetaMask/contributor-docs)
- [x] I've reviewed the [Release
Workflow](./.cursor/rules/release-workflow.md) cursor rule
- [x] All tests pass (`yarn build && yarn test && yarn lint`)
- [x] Changelog validation passes (`yarn changelog:validate`)

## **Pre-merge reviewer checklist**

- [ ] I've reviewed the [Reviewing Release
PRs](./docs/reviewing-release-prs.md) guide
- [ ] Package versions follow semantic versioning
- [ ] Changelog entries are consumer-facing (not commit message
regurgitation)
- [ ] Breaking changes are documented in MIGRATION.md with examples —
N/A
- [ ] All unreleased changes are accounted for in changelogs
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants