Music Note 4 Bold Duotone icon

solar:music-note-4-bold-duotone

The Music Note 4 Bold Duotone icon (solar:music-note-4-bold-duotone) 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, boldduotone, musicnoteboldduotone

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.70055C19.4524 3.57581 18.353 2.87898 17.1944 3.01758C16.9333 3.04881 16.6802 3.14255 16.4231 3.2575C16.1681 3.3715 15.8568 3.53109 15.4744 3.7272L12.999 4.99649C12.7146 5.14218 12.4921 5.25614 12.3014 5.40562C11.8107 5.79042 11.4753 6.34702 11.3591 6.96924C11.314 7.21097 11.3141 7.46603 11.3143 7.79211L11.3143 7.86969C11.3143 7.97438 11.3143 8.07441 11.3145 8.16992L11.3143 14.2982C10.5374 13.5505 9.49228 13.0925 8.34284 13.0925C5.94436 13.0925 4 15.0866 4 17.5463C4 20.0061 5.94436 22.0001 8.34284 22.0001C10.7413 22.0001 12.6857 20.0061 12.6857 17.5463V11.1833C13.1164 11.4089 13.6124 11.5084 14.1199 11.4477C14.381 11.4165 14.6341 11.3227 14.8912 11.2078C15.1462 11.0938 15.4574 10.9342 15.8399 10.7381L18.3152 9.46882C18.5997 9.32312 18.8222 9.20917 19.0128 9.05968C19.5036 8.67488 19.839 8.11828 19.9551 7.49606C20.0002 7.25434 20.0001 6.99929 20 6.67322L20 6.59559C20 6.15712 20 5.80024 19.9854 5.51536C19.9706 5.2281 19.9392 4.95404 19.8497 4.70055Z"/></svg>

How to use the Music Note 4 Bold Duotone icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:music-note-4-bold-duotone"></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-duotone"></iconify-icon>

HTML image

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

Related icons in Solar

Music Note 4 Bold Duotone icon FAQ

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

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

How do I add the Music Note 4 Bold Duotone 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-duotone.svg" alt="Music Note 4 Bold Duotone icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →