Copy SVG as JSX or a React component and use it immediately

The library should not stop at download. For code use, the fastest path is to copy JSX or copy a ready React component directly from the asset page.

A code-oriented workflow for moving an SVG from the library into a React or Next.js codebase with minimal cleanup.

Steps

Search for the graphic or open a collection that matches the product area you are building.
Open the asset page and use Copy JSX when you want to paste raw SVG markup into an existing component.
Use Copy React component when you want a reusable component wrapper with props support.
If the asset needs a brand or theme tweak, customize colors before copying the JSX or component output.

Use Copy JSX when the asset is going straight into a React component file and you do not want a separate asset file.

Navigation, payment, currency, brand logos, and legal or medical symbols are common code-use collections.

Dollar Sign

Dollar currency sign for US and dollar-denominated pricing interfaces.

GitHub

GitHub logo in SVG for developer toolkits and integration pages.

Map Pin

Map pin icon for places, locations, and listings.

Activity

Heartbeat-style activity icon from Feather.

Airplay

Display and casting icon from Feather.

Analytics

Analytics icon in Material style.

Aperture

Aperture icon for photography and optics.