SVG Editing
Articles about svg editing.
156 posts
How to Download an SVG from Noun Project
Step-by-step guide to downloading an SVG icon from Noun Project, confirming it is real vector artwork, and checking the license before using it in a logo or favicon.
SVG Stroke Opacity: How It Works and What It Means for Favicons
How the SVG stroke-opacity property works, how it differs from opacity, fill-opacity and RGBA colors, and what to check before using translucent strokes in a favicon.
SVG image href and xlink:href
How the SVG image element's href and xlink:href attributes differ, which one to use, and why it matters for SVG favicons and vector logo files.
Picture to SVG Code: Converting an Image into a Favicon-Ready SVG
What turning a picture or PNG into SVG code actually produces, how embedded rasters differ from traced vector paths, and how to prepare the result as a favicon.
SVG path syntax and properties
How the SVG path element works: the commands in the d attribute, absolute vs. relative coordinates, the properties that style a path, and what this means for logo and favicon files.
How to Move a Group in SVG
Move an SVG group with a transform attribute, CSS, nested wrappers or an editor, and see how viewBox, clipping and embedded images affect SVG favicons.
SVG repeating patterns
How the SVG pattern element creates repeating tiles, which attributes control them, how it differs from other repeat methods, and what it means for favicons.
Facebook Logo in SVG: What the Vector File Is and How to Check It
What a Facebook logo SVG actually is, how vector artwork differs from raster images, how to verify a file has real paths, and what downloading does not permit.
SVG markup, namespaces and attributes
How SVG markup is structured, why the SVG namespace matters in standalone favicon files, and how attributes and CSS properties control an icon's geometry and appearance.
SVG Stripes: How Striped Vector Artwork Is Built and How It Holds Up as a Favicon
What SVG stripes are, the main ways to build them, how to tell real vector stripes from embedded images, and what changes when striped artwork becomes a favicon.
Rotate an SVG
How to rotate an SVG 180 degrees with the transform attribute or CSS, why the pivot point matters, and how to make the rotation stick in an SVG favicon or logo file.
SVG Path Dimensions: How a Path's Size Is Actually Determined
An SVG path has no width or height attribute. Its size comes from its coordinates, the viewBox, transforms and stroke. Here's how to measure and control it, especially for favicons.