←Home
SVG Library
Curated open SVG packs

Downloadable SVG graphics

A local library of useful interface vectors, brand marks, emoji artwork, cursor glyphs, and product graphics. Browse by category, search quickly, customize colors, preview on demand, and download clean SVG or PNG files.

Guide

Customize SVG Colors

Use color replacement to adapt SVG graphics to your brand, UI, or presentation theme before exporting.

Browse full library

Categories

Browse by intent

Source packs

Switch the visual style

Customize SVG colors before you download or copy the asset

The library automatically detects up to three colors on an asset page so you can change them before downloading SVG, downloading PNG, or copying code.

Use color replacement to adapt SVG graphics to your brand, UI, or presentation theme before exporting.

Steps

  1. Open the asset page and switch from Original to Customize colors.
  2. Adjust the detected colors one by one until the asset matches your brand or presentation theme.
  3. Use Download SVG if you want the recolored vector file, or Download PNG if you want a final raster output.
  4. If the asset is going into a codebase, use Copy JSX or Copy React component after the color customization is set.

Collections to start from

cursors and pointer statesemoji and celebrationillustrations and scenes

FAQ

Will every SVG expose multiple editable colors?

No. Some SVGs are single-color, while others expose up to three detected colors in the current library flow.

Do copied code snippets include the updated colors?

Yes. Copy SVG, Copy JSX, and Copy React component should use the currently customized version of the asset.

Recommended assets for this guide

Cursor Plus Badge

Arrow cursor with add-action badge.

Party Popper Emoji

Celebration emoji artwork for launches and wins.

Artist Palette Emoji

Creative palette emoji artwork for art and design.

Ads Click

Click or pointer-action glyph from Material.

Cursor Arrow Classic

Classic black arrow cursor with white outline.

Cursor Arrow Left

Mirrored arrow cursor for left-oriented interactions.

Cursor Crosshair

Precision crosshair cursor for targeting and alignment states.

Cursor Focus Badge

Arrow cursor with a blue focus badge.

Cursor Move

Move cursor for drag and reposition states.

Balloon Emoji

Balloon emoji artwork for festive and party moments.

Birthday Cake Emoji

Birthday cake emoji artwork for events and celebration pages.

Books Emoji

Books emoji artwork for learning and editorial work.