Google Fonts to SVG paths

Google Fonts to SVG Path Converter

Choose a Google Font, preview how your wording looks, and convert the selected text into clean SVG paths. Everything runs in your browser, with no font installation or file upload required.

Free, no sign-upBrowser-side conversionSVG, DXF, JSX and TSX
Font-to-vector pipelineSVG PATH
Editable textVector output
Aa

Font to SVG

<path d="M12 42C18 19…" />

Pick a family below, adjust the text in its converter, then download paths that no longer depend on the font being installed.

Showing 18 of 18 fonts

Roboto

Sans

9 weights

Text To SVG

UI labelsapp iconstechnical diagrams

Roboto is a neutral sans serif with mechanical structure and open curves, useful when SVG text needs to stay readable at many sizes.

Convert with this font

Open Sans

Sans

6 weights

Text To SVG

web graphicsinstruction labelsaccessible UI

Open Sans has a humanist rhythm and generous apertures, making it a practical choice for SVG text that should feel approachable.

Convert with this font

Montserrat

Sans

9 weights

Text To SVG

logoshero titlesbadges

Montserrat brings geometric proportions and a confident uppercase voice, which makes it strong for SVG logos and bold headings.

Convert with this font

Inter

Sans

9 weights

Text To SVG

SaaS UIdashboardsmicrocopy

Inter is tuned for interfaces, with clear spacing and sturdy forms that translate well into UI-focused SVG assets.

Convert with this font

Lato

Sans

5 weights

Text To SVG

startup logosweb headersapp labels

Lato is a warm humanist sans serif with a professional tone, making it a strong all-purpose choice for readable SVG wordmarks and labels.

Open in converter

Poppins

Sans

9 weights

Text To SVG

modern logossocial graphicslanding titles

Poppins is a geometric sans serif with rounded, balanced shapes, useful for modern SVG titles, badges, and product graphics.

Open in converter

Raleway

Sans

9 weights

Text To SVG

fashion marksportfolio titlesevent posters

Raleway is an elegant sans serif with refined proportions, useful when SVG lettering needs a lighter editorial or portfolio feel.

Open in converter

Noto Sans

Sans

9 weights

Text To SVG

multilingual labelsproduct UIdocs graphics

Noto Sans is a broad-coverage humanist sans serif built for consistent multilingual text, making it dependable for practical SVG assets.

Open in converter

Noto Sans JP

Sans

9 weights

Text To SVG

Japanese SVG textmultilingual UIproduct labels

Noto Sans JP brings clean Japanese and Latin forms into one practical family, useful for SVG text exports that need Japanese readability and consistent product styling.

Convert with this font

Arimo

Sans

4 weights

Text To SVG

Arial-style layoutsUI labelsdocumentation graphics

Arimo is a practical sans serif with an Arial-like footprint, making it useful for clean SVG labels, documentation graphics, and layouts that need familiar proportions.

Open in converter

Roboto Condensed

Display

9 weights

Text To SVG

poster headlinesnarrow bannersnavigation labels

Roboto Condensed keeps the familiar Roboto structure in a narrower width, ideal for SVG headlines and labels that need impact without using much horizontal space.

Open in converter

Playfair Display

Serif

6 weights

Text To SVG

editorial headlinesluxury marksinvitations

Playfair Display is a high-contrast serif for elegant SVG headlines where the font shape is meant to be noticed.

Convert with this font

Merriweather

Serif

7 weights

Text To SVG

article titlesbookish logosquotes

Merriweather is a sturdy serif with readable proportions and a warm voice, useful for SVG text that needs literary character without fragile hairlines.

Open in converter

Bebas Neue

Display

1 weights

Text To SVG

poster titlessports graphicsstickers

Bebas Neue is a condensed uppercase display face built for tall headlines, compact posters, and loud SVG title blocks.

Convert with this font

Oswald

Display

6 weights

Text To SVG

bannersnavigation labelsposters

Oswald is a reworked gothic sans with condensed proportions, useful when SVG text needs impact without taking much width.

Open in converter

Lobster

Script

1 weights

Text To SVG

retro logosfood labelsstickers

Lobster is a connected script with a vintage sign-painting feel, suited to decorative SVG marks and playful labels.

Open in converter

Pacifico

Script

1 weights

Text To SVG

playful logossocial postsbeach brands

Pacifico is a rounded casual script with relaxed motion, useful for SVG lettering that should feel friendly and informal.

Convert with this font

Pixelify Sans

Pixel

4 weights

Text To SVG

retro gamespixel logosstream overlays

Pixelify Sans turns blocky pixel rhythm into scalable text, ideal for retro SVG graphics without drawing letters by hand.

Convert with this font

How font conversion works

From a font choice to a reusable vector file

The gallery is the start of the conversion workflow, not a download directory. Every featured family opens with the font already selected so you can inspect the actual text before exporting it.

  1. 01

    Choose and compare a font

    Search by family or use case, compare letterforms and weights, and choose a font that fits the final screen, design, or fabrication job.

  2. 02

    Edit the real wording

    Open the font converter with that family selected. Replace the sample, adjust spacing, size, fill, stroke, and path settings while watching the live preview.

  3. 03

    Export independent paths

    Download SVG or DXF geometry, or hand the result to React as JSX or TSX. The exported outlines do not require the original font on the next machine.

Google Fonts to SVG Paths – Free Font Converter