feathericons / feathericons/feather

Icons on web cut

Open
#971 1 comment 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
26k
Forks
1.3k
PR merge metrics
No merged PRs in 30d

Description

The icons on web are sometimes cut. Do I do something wrong? On iOS they're coming perfectly nice, thanks!

Here's a screenshot from the web in dev-mode of the send icon:
feather-send-web

* Version: "expo": "~38.0.8"
* Operating system: Mac OSX / Chrome 85.0.4183.83
* Bits: 64 bits

```
import { Feather } from "@expo/vector-icons";
...

...
```

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the shown Feather `send` component with Expo ~38 in Chrome 85, then compare its web rendering with the working iOS result. Trace the web path used by `@expo/vector-icons` and the Feather icon asset; the issue is done when the send icon and other affected icons render without being cut off in the browser.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react-native
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.