MediaSmith
Loading local workspace…

MediaSmith

SVG Library

Browse icons, maps, logos, and illustrations. Preview an asset, adjust its colors, then download SVG or PNG—or copy the markup into your project. Each asset includes its source and license label.

Supported formats

  • Source assets: SVG
  • Downloads: SVG and on-demand PNG
  • Copy formats: raw SVG, JSX, and React component markup

Why it is different

  • Share a direct link to any SVG preview and its download options.
  • Browse collections of icons, logos, maps, and illustrations, or follow a guide to export SVG as PNG.
  • Supports per-color customization with automatic detection of up to three colors.
  • Compare graphics from multiple collections, with source and license details for each asset.

FAQ

Can I recolor the SVG before downloading?

Yes. The modal detects up to three colors and lets you override them before SVG or PNG export.

Can I download PNG instead of SVG?

Yes. PNG is generated on demand at download time from the selected SVG.

How do I find an asset?

Search by name or keyword, filter by category or source pack, or browse a collection.

Can I turn a PNG into an SVG here?

No. The library does not trace or vectorize uploaded PNG files. You can search for an existing vector asset and download its SVG instead.

Are the assets searchable by category and source pack?

Yes. The library supports free-text search, category filters, and source-pack filters for browsing at scale.

Popular tasks

Find free SVG icons

Search reusable UI, medical, transport, nature, cursor, and symbol collections.

Download logo SVG files

Browse brand and social logo assets with direct SVG and PNG download options.

Convert SVG to PNG locally

Rasterize the selected SVG on demand without uploading the vector file.

Copy SVG as JSX or React markup

Copy raw SVG, JSX, or React component markup directly from an asset page.