Record icon

Record icon in outline, twotone, bold and bulk. Free in all four styles, for player, gallery, camera, music, volume. Copy the SVG, the React, Vue or Svelte component, or download a PNG.

All four styles

Outline

Full linework, every stroke at 1.5px. The reference drawing.

TwoTone

The same linework, with secondary strokes dropped to half tone.

Bold

No strokes at all. One filled form, cut with even-odd holes.

Bulk

Filled, with the secondary mass at half tone.

Copy it

React

import { IconRecord } from "@devigner-ui/icons";

<IconRecord className="size-6" />

Vue

<script setup>
import { IconRecord } from "@devigner-ui/icons-vue";
</script>

<template>
  <IconRecord class="size-6" />
</template>

Svelte

<script>
  import { IconRecord } from "@devigner-ui/icons-svelte";
</script>

<IconRecord class="size-6" />

SVG

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.67 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path></svg>

Category

Media & Playback

Styles

outline, twotone, bold, bulk, free in all four styles

Used for

player, gallery, camera, music, volume

Also called

record, path, curved, smooth, arc, curve, camera

More Media & Playback icons

• Ai Audio
• Album
• Audio Square
• Backward
• Backward10 Seconds
• Backward15 Seconds
• Backward5 Seconds
• Boombox
• Camera
• Camera2
• Camera Add
• Camera Minimalistic
• Camera Rotate
• Camera Slash
• Camera Square
• Cassette
• Cassette2
• Clapperboard
• Clapperboard Edit
• Clapperboard Open
• Clapperboard Open Play
• Clapperboard Play
• Clapperboard Text
• Forward10 Seconds

All Media & Playback icons

Browse all 8,584 icons