PrivateTools

Product manual

SVG Library

Browse SVG assets, preview them, recolor them when supported, and download SVG or PNG versions from static asset pages.

Direct workspace

Open SVG Library

The source file is opened by the browser on this device. Practical limits depend on format support, available memory, and the requested export.

Useful for

Typical workflows

  1. 01

    Grab an icon or logo for a mockup.

  2. 02

    Recolor an SVG and export it as PNG.

  3. 03

    Copy component-ready markup into product code.

Capabilities

What it does

Capabilities are grouped by the part of the workflow they affect. The tool remains the source of truth for settings available for a specific file.

Library

Asset pages
Each SVG has its own URL with preview, metadata, and download options.
Collections and guides
Grouped pages cover common searches like maps, logos, emoji, icons, and UI symbols.
Mixed sources
The library combines multiple permissive-source packs instead of relying on one icon set.

Output

Recolor
Change common SVG colors before export when the asset supports it.
PNG export
Download a raster version when the destination does not accept SVG.
Code copy
Copy raw SVG, JSX, or React component markup for development work.

Source + result

Formats

  • Source: SVG
  • Download: SVG or PNG
  • Copy: raw SVG, JSX, React component markup

Use the manual, then test with a copy.

Keep the original file until the result has been checked in its destination app.

Open SVG Library