Using SVG in Squarespace
Add sharp, scalable SVG graphics to your Squarespace site — logos, section icons, and custom graphics.
Drop your image here
Supports PNG, JPG, BMP, WEBP up to 5MB
SVG Support in Squarespace
Squarespace supports SVG uploads natively in version 7.1. Use SVG files for logos, gallery images, and decorative elements.
- SVG works in: Image blocks, Gallery blocks, Logo upload, Background images
- Upload SVG via the image upload dialog in any block
- Squarespace's CDN serves SVG with correct MIME type
Uploading SVG Logo to Squarespace
Design → Logo & Title → click the logo area → upload your SVG.
- Design panel → Logo → click current logo → Upload → select SVG
- Squarespace displays SVG logo in header on all pages
- SVG logos scale correctly on mobile and Retina screens without quality loss
- Set logo width in Design → Logo & Title settings
Adding SVG to Squarespace Pages
In the page editor, add an Image block. Upload your SVG file. It displays as a responsive image.
- Edit page → Add block → Image
- Click Upload → select .svg file
- Set Alt text for accessibility
- Use Custom CSS for advanced positioning: .sqs-image-content img { ... }
SVG in Squarespace Custom Code Blocks
For maximum control, use a Code block and paste SVG directly as HTML.
- Add block → Code (in footer or any section)
- Paste SVG XML directly: <svg viewBox='0 0 100 100'>...</svg>
- Works on Business and Commerce plans (code blocks require a paid plan)
- Add custom CSS in Design → Custom CSS for SVG-specific styles
Frequently Asked Questions
Can I use SVG in all Squarespace templates?
SVG works in all Squarespace 7.1 templates. In 7.0 templates, SVG support is inconsistent — consider upgrading to 7.1.
Why does my Squarespace SVG appear blurry?
Squarespace may resize and convert uploaded images. For best SVG quality, reference the SVG via a Code block (paste inline SVG) rather than using the Image block upload.
Can I use SVG for Squarespace backgrounds?
Yes. In section settings, upload your SVG as a background image. Large geometric SVGs work well as section backgrounds.
Does Squarespace support animated SVG?
Yes. Upload an animated SVG via an Image block or paste inline via Code block. CSS animations in inline SVG play correctly on Squarespace pages.
Can I sell SVG files on Squarespace?
Yes. Use Squarespace Commerce to create digital product listings. Upload your SVG as a digital download. Customers receive a download link after purchase.
Related guides
Ready to Convert Your Image to SVG?
Free online converter — no sign-up, no watermarks, results in under 3 seconds.
Convert Image to SVG — Free