Feedback: The icon is fuzzy

  • Resolved Andreslav

    (@andreslav)


    1 year, 9 months ago

    Demonstration (photo).

    The problem is due to the fact that the borders of the icon pass through parts of the pixels (photo).

    You can fix it like this (photo). Comparison (photo).

    I attach the updated svg below

    // before
<svg viewBox="0 0 20 20" xmlns="https://www.w3.org/2000/svg" width="24" height="24" aria-hidden="true" focusable="false"><path d="m3 3h5.833v2.333h-3.5v9.334h3.5v2.333h-5.833zm8.167 0h5.833v14h-5.833v-2.333h3.5v-9.334h-3.5z"></path></svg>
    // after
<svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#000" d="M4 4h6v3H7v10h3v3H4V4Zm10 0h6v16h-6v-3h3V7h-3V4Z"/></svg>
  • The topic ‘Feedback: The icon is fuzzy’ is closed to new replies.