What is the record icon used for?

It's typically used in interfaces to represent the action of starting or stopping a recording, such as for audio or video.

How do I use the RecordIcon in React?

Import both HugeiconsIcon and RecordIcon, then render .

What is the license for HugeIcons?

The HugeIcons library, including the RecordIcon, is available under the MIT license.

record icon

HugeIcons · RecordIcon · MIT

Download SVG

The HugeIcons record icon depicts a circular button, commonly used to initiate or stop audio or video recording.

Common uses

Start/stop audio recording
Begin/end video capture
Toggle recording status

Use it in React

Install

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

Import & render

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

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

Details

Library: HugeIcons (5,121 icons)
License: MIT
viewBox: 0 0 24 24
Keywords: record buttonrecaudio recordvideo record

FAQ

What is the record icon used for?: It's typically used in interfaces to represent the action of starting or stopping a recording, such as for audio or video.
How do I use the RecordIcon in React?: Import both HugeiconsIcon and RecordIcon, then render <HugeiconsIcon icon={RecordIcon} />.
What is the license for HugeIcons?: The HugeIcons library, including the RecordIcon, is available under the MIT license.

Related icons

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

phosphor

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 →