Fix missing icons after importing a page into Figma
An empty space, a square and a flat image need different fixes. First check what kind of layer you received.
Compare the browser and the imported layer
Reload the original page and wait for its icons to appear before capturing again. In Figma, select the affected element. A text layer may depend on an icon font; a vector can be edited as paths; an image has no editable icon paths. Do not assume a black rectangle is a font problem without checking the layer type.
Match the symptom to the next step
For a square in a text layer, check whether the required font is available in Figma. For an empty SVG area, recapture the smallest region after loading finishes; referenced sprite files or resources may have failed to load. For an icon with the wrong shape or color, compare the original and keep that sample for support. CSS masks and complex SVG effects can need different handling.
Know what a new import can recover
Installing a font can help a text-based icon. It cannot recover a shape missing from a raster image. If the source SVG is available and you have permission to use it, import that asset directly and replace just the affected icon. Otherwise recapture or request the original asset. A screenshot of the icon is a visual fallback, not an editable vector.
Check before handing off
Inspect a navigation icon, a button icon and any repeated status icon. View them on the intended background so white-on-white failures are visible. Snapture handles several web icon formats, but resource access and rendering details still affect the result. If you report a failure, include the original appearance, the Figma layer type and a sanitized capture. There is no need to send a login cookie.
English · 한국어 · 日本語 · 简体中文 · 繁體中文 · Español · Português · Français · Deutsch · Русский · Italiano · Bahasa Indonesia · ไทย · Tiếng Việt · Türkçe · Polski · Nederlands · Українська · हिन्दी