Browse icons

a 3-minute guide

How to add icons to Wix and Squarespace

Short answer

Wix: upload the SVG as an image or vector. Squarespace: add an Image block and upload a PNG at 256 px.

Time
3 min
Download
SVG / PNG
Size
256 px PNG
Cost
Free

Which file should I download?

SVG / PNG · 256 px PNG

Wix accepts SVG uploads, which stay sharp. Squarespace image blocks want PNG or JPG, so use a see-through 256 px PNG there.

Step by step

  1. Pick your icon and download it

    Open the icon library and search for what you need, for example “shopping bag”. Click the icon, choose a colour, then click Download PNG and pick 256 px. On Wix, download the SVG instead.

  2. Wix: add it from your computer

    In the Wix Editor, click Add Elements (the +), choose an image or vector art option, and upload your file. The exact wording depends on your editor version.

  3. Squarespace: add an Image block

    Edit your page, click an Add Block point, choose Image, then upload the PNG.

  4. Resize it

    Drag the block’s corner or edges to resize. Keep icons small and consistent, for example the same size on every feature card.

  5. Save and publish

    Save, preview on mobile, then publish.

How to change the colour

Pick the colour on with icons before downloading. Wix can often change the colours of uploaded SVG vector art in its design settings.

How to resize it

Drag a corner. For a row of icons, set them all to the same size so they line up.

Something not working?

Squarespace won’t take my SVG.

Use the PNG version in Image blocks.

The icon looks blurry on phones.

Upload a bigger PNG (512 px). Phones have sharp screens.

Icons are different sizes on each card.

Set every icon to the same width in its block settings.

Related guides

WordPressWebflowPlain HTML website All guides

a shortcut

Stuck? Let your AI help in Wix & Squarespace

Click Claude, ChatGPT, Gemini, Perplexity or Grok. We copy a ready brief (“help me add an icon to my Wix & Squarespace project”) that points it to our skill file and this guide, and open it for you. Tell it what the icon is for: it finds the right one, then walks you through adding, recolouring and sizing it.

Ready? Find your icon.

500 icons, twenty styles, all free.

Browse icons