What is the lifebuoy icon used for?

It visually signifies help, support, or assistance within an application.

How do I use the lifebuoy icon in React?

Import it using: import { IconLifebuoy } from '@tabler/icons-react'; and then use it as a component: .

The Tabler icons, including lifebuoy, are available under the MIT license.

Tabler · lifebuoy · MIT

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

Install

npm i @tabler/icons-react

Import & render

import { IconLifebuoy } from '@tabler/icons-react';

<IconLifebuoy size={24} stroke={2} />

Tabler ships this icon in 2 styles — each its own import:

outline

<IconLifebuoy size={24} stroke={2} />

filled

<IconLifebuoyFilled size={24} stroke={2} />

What is the lifebuoy icon used for?: It visually signifies help, support, or assistance within an application.
How do I use the lifebuoy icon in React?: Import it using: import { IconLifebuoy } from '@tabler/icons-react'; and then use it as a component: <IconLifebuoy />.
What is the license for this icon?: The Tabler icons, including lifebuoy, are available under the MIT license.

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

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