Vinyl Record Outline icon

solar:vinyl-record-outline

The Vinyl Record Outline icon (solar:vinyl-record-outline) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Solar
Author: 480 Design
License: CC-BY-4.0
Size: 24 × 24
Category: Video
Tags: vinylrecord, recordoutline, vinylrecordoutline

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M18.5407 5.45926C14.9284 1.84691 9.07161 1.84691 5.45926 5.45926C1.84691 9.07161 1.84691 14.9284 5.45926 18.5407C9.07161 22.1531 14.9284 22.1531 18.5407 18.5407C22.1531 14.9284 22.1531 9.07161 18.5407 5.45926ZM4.3986 4.3986C8.59674 0.200466 15.4033 0.200466 19.6014 4.3986C23.7995 8.59674 23.7995 15.4033 19.6014 19.6014C15.4033 23.7995 8.59674 23.7995 4.3986 19.6014C0.200466 15.4033 0.200466 8.59674 4.3986 4.3986ZM7.93414 6.87348C8.22703 7.16637 8.22703 7.64125 7.93414 7.93414C5.68862 10.1797 5.68862 13.8204 7.93414 16.0659C8.22703 16.3588 8.22703 16.8336 7.93414 17.1265C7.64124 17.4194 7.16637 17.4194 6.87348 17.1265C4.04218 14.2952 4.04217 9.70478 6.87348 6.87348C7.16637 6.58059 7.64124 6.58059 7.93414 6.87348ZM16.0659 6.87348C16.3588 6.58059 16.8336 6.58059 17.1265 6.87348C19.9578 9.70478 19.9578 14.2952 17.1265 17.1265C16.8336 17.4194 16.3588 17.4194 16.0659 17.1265C15.773 16.8336 15.773 16.3588 16.0659 16.0659C18.3114 13.8204 18.3114 10.1797 16.0659 7.93414C15.773 7.64125 15.773 7.16637 16.0659 6.87348ZM12 9.75C10.7574 9.75 9.75 10.7574 9.75 12C9.75 13.2426 10.7574 14.25 12 14.25C13.2426 14.25 14.25 13.2426 14.25 12C14.25 10.7574 13.2426 9.75 12 9.75ZM8.25 12C8.25 9.92893 9.92893 8.25 12 8.25C14.0711 8.25 15.75 9.92893 15.75 12C15.75 14.0711 14.0711 15.75 12 15.75C9.92893 15.75 8.25 14.0711 8.25 12Z" clip-rule="evenodd"/></svg>

How to use the Vinyl Record Outline icon

React

import { Icon } from "@iconify/react";

<Icon icon="solar:vinyl-record-outline" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="solar:vinyl-record-outline" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="solar:vinyl-record-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--vinyl-record-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:vinyl-record-outline"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="solar:vinyl-record-outline"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/solar/vinyl-record-outline.svg" alt="Vinyl Record Outline icon" width="24" height="24">

Related icons in Solar

Vinyl Record Outline icon FAQ

Is the Vinyl Record Outline icon free for commercial use?

Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Vinyl Record Outline icon in React?

Install @iconify/react and render <Icon icon="solar:vinyl-record-outline" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Vinyl Record Outline icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/vinyl-record-outline.svg" alt="Vinyl Record Outline icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →