Skip to content

Record

The 'record' icon represents a vinyl record, a medium for storing and playing back audio.

Add shadcn.io to your AI agent. · Pro It installs Record, or any of 294k icons, from a prompt, with Pro.

Set up MCP

Exports at 14 × 24 px

Record icon from Ligature Symbols

Code

Record in your framework

In any framework. Customize it above, and the code follows.

export const RecordIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="24" viewBox="0 0 422 717" {...props}>
    <path fill="currentColor" d="M85 207v-95C85 51 140 0 210 0c69 0 125 51 125 112v95zm337 6v191c-41 112-162 129-162 129v127h133v57H27v-57h134V533S41 516 0 404V213l49-23v174s15 117 161 117s163-117 163-117V190zm-87 27v86c0 61-56 112-125 112c-70 0-125-51-125-112v-86z"/>
  </svg>
);

Other libraries

Record in 8 more libraries

Each library draws it its own way. Open one to compare.

  • Record icon from Phosphor
  • Record icon from Material Design Icons
  • Record icon from Huge Icons
  • Record icon from IconPark Outline
  • Record icon from Myna UI Icons
  • Record icon from IonIcons
  • Record icon from WebHostingHub Glyphs
  • Record icon from Bootstrap Icons

Ligature Symbols

Icons that share its tags, in the same style.

  • Play icon from Ligature Symbols
  • Playmedia icon from Ligature Symbols
  • Music icon from Ligature Symbols
  • Pause icon from Ligature Symbols
  • Repeat icon from Ligature Symbols
  • Soundcloud icon from Ligature Symbols
  • Video icon from Ligature Symbols
  • Volume icon from Ligature Symbols
  • Volumedown icon from Ligature Symbols
  • Volumeup icon from Ligature Symbols
  • Eject icon from Ligature Symbols
  • Picasa icon from Ligature Symbols
  • Shuffle icon from Ligature Symbols
  • Camera icon from Ligature Symbols
  • Album icon from Ligature Symbols
  • Cloud icon from Ligature Symbols
  • Download icon from Ligature Symbols
  • File icon from Ligature Symbols
  • Flickr icon from Ligature Symbols
  • Folder icon from Ligature Symbols
  • Foursquare icon from Ligature Symbols
  • Hatena icon from Ligature Symbols
  • Hatenabookmark icon from Ligature Symbols
  • Heart icon from Ligature Symbols

Skip the copy and paste. With Pro, your AI agent finds and installs any Ligature Symbols icon from a prompt.

Get Pro

Tags

Browse by tag

Record is tagged media, audio, storage and 2 more. Related tags follow; each opens its icons from every library.

Pricing

Ligature Symbols MCP, with Pro

Ask for Record or any of 348 Ligature Symbols icons and your agent installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates. The icons stay free.

4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.

Billed once a year in USD. Cancel anytime.

Individual

For personal projects & open source

$32instead of $49/mo

$389 billed yearly

  • How many people can use the license.Seats: 1 seat
  • Client work, SaaS products and anything you charge for.Commercial use: Personal & open source only
  • Production-ready React sections: hero, pricing, features, dashboards and more.Pro blocks: 6,000+ blocks
  • Complete multi-page sites you can ship as they are.Templates: All 14 templates
  • React icons from every major library, installable with one command.React icons: 294k+ icons
  • Presets that restyle every block, in light and dark.Themes: All 59 themes
  • Lets your AI editor search, preview and install blocks for you.MCP server: Basic usage
  • Priority requests are answered first.Support: Standard

Team

Most popular

For freelancers, agencies & startups

$66instead of $99/mo

$789 billed yearly · ≈ $13/dev/mo

Everything in Individual, plus

  • How many people can use the license.Seats: Up to 5 seats
  • Client work, SaaS products and anything you charge for.Commercial use: Included
  • Lets your AI editor search, preview and install blocks for you.MCP server: High usage
  • Priority requests are answered first.Support: Priority

Organization

For companies with larger teams

$132instead of $199/mo

$1,589 billed yearly

Everything in Team, plus

  • How many people can use the license.Seats: Unlimited seats
  • Lets your AI editor search, preview and install blocks for you.MCP server: Unlimited usage
  • Secure checkout via Stripe
  • Code lives in your repo
  • Keep what you've shipped if you cancel
  • License terms

FAQ

Frequently asked questions

What the Record icon means and where it's used, then how to install, style and license it.

Install Record from a prompt

MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.

Get Pro