What is the lifebuoy icon used for?

It symbolizes help, support, or emergency assistance, often used for help buttons or support links.

How do I use the LifebuoyIcon in React?

Import both HugeiconsIcon and LifebuoyIcon, then render .

What is the license for this icon?

The HugeIcons library, including the lifebuoy icon, is released under the MIT license.

lifebuoy icon

HugeIcons · LifebuoyIcon · MIT

The HugeIcons lifebuoy icon depicts a life preserver, commonly used to represent help, support, or emergency assistance in user interfaces.

Common uses

Help/Support button
Emergency contact link
FAQ section indicator

Use it in React

Install

npm i @hugeicons/react @hugeicons/core-free-icons

Import & render

import { HugeiconsIcon } from '@hugeicons/react';
import { LifebuoyIcon } from '@hugeicons/core-free-icons';

<HugeiconsIcon icon={LifebuoyIcon} size={24} strokeWidth={1.5} />

Details

Library: HugeIcons (5,121 icons)
License: MIT
viewBox: 0 0 24 24
Keywords: life preserverlife ringsafety ringhelp icon

FAQ

What is the lifebuoy icon used for?: It symbolizes help, support, or emergency assistance, often used for help buttons or support links.
How do I use the LifebuoyIcon in React?: Import both HugeiconsIcon and LifebuoyIcon, then render <HugeiconsIcon icon={LifebuoyIcon} />.
What is the license for this icon?: The HugeIcons library, including the lifebuoy icon, is released under the MIT license.

Related icons

The same idea in other libraries, and near matches in HugeIcons.

phosphor tabler heroicons

Looking for something else? Search HugeIcons and 4 more libraries by description →

The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →