SVG LibraryFree Icons and UI SymbolsLifebuoy

What Lifebuoy is good for

Support and help icon from Heroicons.

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

FAQ

What is Lifebuoy useful for?

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

Can I customize Lifebuoy 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 Lifebuoy 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