SVG Editing
Articles about svg editing.
156 posts
Mirror an SVG Online: How to Flip Vector Artwork Without Breaking It
How to mirror an SVG horizontally or vertically online or by editing its code, what changes in the file, and what to check before using a flipped logo or favicon.
Rasterize an SVG Logo: How to Turn Vector Artwork into a Bitmap
How to convert an SVG logo to a bitmap such as PNG or JPG: what changes, how to pick pixel size and transparency, and what to check in the file first.
Scale AI Logo in SVG: What the File Should Contain and How to Check It
What a Scale AI logo in SVG format should be, how to tell true vector artwork from an embedded raster image, and what to confirm before using the mark.
Set the SVG viewBox for a scalable logo
How the SVG viewBox attribute makes a vector logo scale cleanly, how it differs from width and height, and how to set it so the artwork is neither clipped nor padded.
How to Create an SVG Logo File
Learn how to draw or make an SVG logo file: build clean vector paths, convert type to outlines, export with sensible settings and verify the result before delivery.
How to Extract an SVG Logo from a Website
Find out whether a website's logo is really an SVG, extract it with browser developer tools, repair missing styles and namespaces, and confirm the file is usable vector artwork.
Rect Border Radius in SVG: How to Round a Rectangle for Favicons and Logo Artwork
SVG has no border-radius for rect. Use rx and ry, or a path for per-corner and squircle shapes. Here is how each method works for favicon and logo files.
How to Import an SVG into Figma
Import an SVG logo into Figma by drag and drop or by pasting SVG code, then check that the paths, text and fills came through as usable vector artwork.
How to Create an SVG File from Path Data
Turn a raw SVG path string into a working SVG file: wrap it in an svg element, set a correct viewBox, save it, and check that it is ready for favicon or logo use.
Open and preview an SVG logo online
How to view an SVG logo file in a browser or online viewer, what the preview does and does not tell you, and how to check for true vector artwork.
Creating an SVG File for a Logo
How to create an SVG logo file: what the format is, how it differs from PNG, PDF and EPS, how to prepare paths, text and color, which export settings matter, and how to check the result.
SVG Image to Code: How to Get the Markup Behind a Vector Logo
An SVG file is already code. Learn how to view and copy the markup of an SVG logo, export clean SVG code from a design app, and check that the result is usable vector artwork.