Music Note 4 Bold icon

solar:music-note-4-bold

The Music Note 4 Bold icon (solar:music-note-4-bold) 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: musicnote, notebold, musicnotebold

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.8497 4.70046C19.4524 3.57572 18.353 2.87888 17.1944 3.01749C16.9333 3.04872 16.6802 3.14246 16.4231 3.25741C16.1681 3.37141 15.8568 3.531 15.4744 3.7271L12.999 4.9964C12.7146 5.14208 12.4921 5.25604 12.3014 5.40553C11.8107 5.79032 11.4753 6.34693 11.3591 6.96915C11.314 7.21087 11.3141 7.46594 11.3143 7.79201L11.3143 7.8696C11.3143 7.97429 11.3143 8.07432 11.3145 8.16983L11.3143 14.2981C10.5374 13.5504 9.49228 13.0924 8.34284 13.0924C5.94435 13.0924 4 15.0865 4 17.5462C4 20.006 5.94435 22 8.34284 22C10.7413 22 12.6857 20.006 12.6857 17.5462V11.1832C13.1164 11.4088 13.6124 11.5083 14.1199 11.4476C14.381 11.4164 14.6341 11.3227 14.8912 11.2077C15.1462 11.0937 15.4574 10.9341 15.8399 10.738L18.3152 9.46872C18.5997 9.32303 18.8222 9.20907 19.0128 9.05959C19.5036 8.67479 19.839 8.11819 19.9551 7.49597C20.0002 7.25425 20.0001 6.99919 20 6.67313L20 6.5955C20 6.15702 20 5.80015 19.9854 5.51527C19.9706 5.228 19.9392 4.95394 19.8497 4.70046Z"/></svg>

How to use the Music Note 4 Bold icon

React

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

<Icon icon="solar:music-note-4-bold" width="24" />

Vue

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

<template>
  <Icon icon="solar:music-note-4-bold" width="24" />
</template>

Svelte

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

<Icon icon="solar:music-note-4-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--music-note-4-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:music-note-4-bold"></div>

Web component

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

<iconify-icon icon="solar:music-note-4-bold"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/solar/music-note-4-bold.svg" alt="Music Note 4 Bold icon" width="24" height="24">

Related icons in Solar

Music Note 4 Bold icon FAQ

Is the Music Note 4 Bold 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 Music Note 4 Bold icon in React?

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

How do I add the Music Note 4 Bold icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/music-note-4-bold.svg" alt="Music Note 4 Bold icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →