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

Use the free Roboto font to SVG converter for neutral UI labels, technical diagrams, and product marks with open, readable letterforms.

Convert with this font

Open Sans

Sans

6 weights

Text To SVG

web graphicsinstruction labelsaccessible UI

The free Open Sans font to SVG converter creates friendly outlined labels, signage, and instruction graphics with a relaxed reading rhythm.

Convert with this font

Montserrat

Sans

9 weights

Text To SVG

logoshero titlesbadges

This free Montserrat font to SVG converter turns geometric lettering into vector paths for logos, badges, and bold headings.

Convert with this font

Inter

Sans

9 weights

Text To SVG

SaaS UIdashboardsmicrocopy

Convert product lettering with the free Inter font to SVG tool for compact UI labels, dashboard graphics, and clear technology wordmarks.

Convert with this font

Lato

Sans

5 weights

Text To SVG

startup logosweb headersapp labels

The free Lato font to SVG converter creates warm, readable wordmarks and product labels while keeping the original humanist letter shapes.

Convert with this font

Poppins

Sans

9 weights

Text To SVG

modern logossocial graphicslanding titles

Create rounded geometric lettering with the free Poppins font to SVG converter for modern wordmarks, badges, and short product headings.

Convert with this font

Raleway

Sans

9 weights

Text To SVG

fashion marksportfolio titlesevent posters

Use the free Raleway font to SVG converter for refined wordmarks, portfolio titles, and event headings with a lighter, spacious feel.

Convert with this font

Noto Sans

Sans

9 weights

Text To SVG

multilingual labelsproduct UIdocs graphics

The free Noto Sans font to SVG converter produces clear outlined labels and documentation graphics, with character coverage checked against the selected font file.

Convert with this font

Noto Sans JP

Sans

9 weights

Text To SVG

Japanese SVG textmultilingual UIproduct labels

Use the free Noto Sans JP font to SVG converter for Japanese and Latin lettering in bilingual labels, signs, and short product graphics.

Convert with this font

Arimo

Sans

4 weights

Text To SVG

Arial-style layoutsUI labelsdocumentation graphics

The free Arimo font to SVG converter creates familiar, Arial-style outlines for interface labels, documentation images, and understated product graphics.

Convert with this font

Roboto Condensed

Display

9 weights

Text To SVG

poster headlinesnarrow bannersnavigation labels

Fit narrow labels and compact headings with the free Roboto Condensed font to SVG converter, preserving the native width of the letterforms.

Convert with this font

Playfair Display

Serif

6 weights

Text To SVG

editorial headlinesluxury marksinvitations

Create editorial titles and expressive wordmarks with the free Playfair Display font to SVG converter, preserving serif contrast as vector outlines.

Convert with this font

Merriweather

Serif

7 weights

Text To SVG

article titlesbookish logosquotes

The free Merriweather font to SVG converter creates grounded serif wordmarks, editorial headings, and readable fixed labels with outlined text.

Convert with this font

Bebas Neue

Display

1 weights

Text To SVG

poster titlessports graphicsstickers

Use the free Bebas Neue font to SVG converter for tall uppercase poster titles, compact signs, and bold display graphics with narrow proportions.

Convert with this font

Oswald

Display

6 weights

Text To SVG

bannersnavigation labelsposters

The free Oswald font to SVG converter creates condensed headings, event banners, and short signs with a clear vertical display rhythm.

Convert with this font

Lobster

Script

1 weights

Text To SVG

retro logosfood labelsstickers

Create flowing retro wordmarks with the free Lobster font to SVG converter for food labels, playful signs, and concise connected lettering.

Convert with this font

Pacifico

Script

1 weights

Text To SVG

playful logossocial postsbeach brands

The free Pacifico font to SVG converter creates relaxed, rounded script lettering for casual wordmarks, stickers, and short social graphics.

Convert with this font

Pixelify Sans

Pixel

4 weights

Text To SVG

retro gamespixel logosstream overlays

Use the free Pixelify Sans font to SVG converter for retro game titles, stream overlays, and pixel-style badges built from scalable vector paths.

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.