Curated SVG packs

Free SVG icons, logos, maps, illustrations, and PNG downloads

A local library of useful SVG images: interface icons, logo SVGs, brand marks, world maps, country outlines, emoji artwork, cursor glyphs, and product graphics. Browse by category, search quickly, customize colors, preview on demand, and download clean SVG or PNG files.

InterfaceMIT

Wrench

Wrench icon for tools and settings.

SVG Library›Free Icons and UI Symbols›Wrench

What Wrench is good for

Wrench icon for tools and settings.

Use this asset in code, Figma, docs, decks, or product surfaces. The item page supports local preview, up to three detected color replacements, and export as SVG or PNG.

Use it in your workflow

Copy the raw SVG when you want the original markup.
Copy JSX when the asset is going straight into a React or Next.js component.
Copy a React component when you want a reusable wrapper with props support.
Download PNG when the destination needs a raster graphic for slides, docs, or CMS fields.

Browse related collections and guides

Collections

Free Icons and UI Symbols

Guides

Use SVG in Figma Use SVG in React Download PNG from SVG Customize SVG Colors Use SVG for Docs and Presentations PNG to SVG Alternatives

FAQ

What is Wrench useful for?

Wrench is useful for interface layouts, product UI, editorial graphics, docs, and presentation work where you need a reusable vector asset.

Can I customize Wrench before exporting it?

Yes. The asset page supports local preview, up to three detected color replacements, and export as SVG or PNG.

Can I use Wrench in code instead of downloading a file?

Yes. The item page can provide raw SVG, JSX, and a React component version for direct use in codebases.

Related assets

Bolt

Bolt icon in Open Iconic style.

Browser

Browser shell icon in Open Iconic style.

Project

Project layout icon from Open Iconic.

Puzzle Piece

Puzzle icon for modules and integrations.

Zoom In

Zoom-in control icon from Open Iconic.

Badge Plus

Add-state badge in Lucide style.