Home/Libraries/Freehand free icons (Iconify)/music-note-circle-block-1

Freehand free icons (Iconify)

MusicNoteCircleBlock1

License: CC-BY-4.0

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><path fill="#818cf8" d="M15.997 9.265c0 .27 0 .54.12.89a.32.32 0 0 0 .63 0q.105-.495.129-1c0-.194-.044-.385-.13-.56c-.21-.379-.83.02-.75.67"/><path fill="#818cf8" d="M22.063 5.688a11.5 11.5 0 0 0-1.39-1.64a.4.4 0 0 0-.1-.08A10.74 10.74 0 0 0 12.699.99a.32.32 0 1 0 0 .63a10.1 10.1 0 0 1 7.086 2.658a129 129 0 0 0-10.703 8.995c-1.28 1.23-2.579 2.419-3.858 3.628c-.74.7-1.46 1.399-2.179 2.109a10.2 10.2 0 0 1-2.138-6.397a11.53 11.53 0 0 1 2.998-7.805A11.75 11.75 0 0 1 11.379.87a.29.29 0 0 0 .25-.31a.29.29 0 0 0-.31-.25a12.43 12.43 0 0 0-7.935 3.998a12.4 12.4 0 0 0-3.378 8.315a10.8 10.8 0 0 0 3.228 8.066a11.93 11.93 0 0 0 8.195 2.998a12.67 12.67 0 0 0 6.896-2.069a12.66 12.66 0 0 0 4.727-5.397a10.68 10.68 0 0 0-.989-10.533m.12 10.104a11.8 11.8 0 0 1-4.427 4.917a11.7 11.7 0 0 1-6.307 1.878a11 11 0 0 1-7.505-2.608c-.18-.16-.34-.34-.5-.51c.56-.49 1.08-1.01 1.619-1.489c1.58-1.339 3.168-2.648 4.747-3.997c9.305-8.435 9.904-8.805 10.474-9.265q.622.649 1.12 1.4a9.8 9.8 0 0 1 .779 9.673"/><path fill="#818cf8" d="M12.309 14.382c.232.85.373 1.72.42 2.599a2.23 2.23 0 0 1-.32 1.38a1.53 1.53 0 0 1-2.179.119a1.35 1.35 0 0 1-.41-2.129a2 2 0 0 1 .83-.51a1.57 1.57 0 0 1 .95-.06a.28.28 0 0 0 .399-.2a.28.28 0 0 0-.16-.37a2.17 2.17 0 0 0-1.34 0a2.7 2.7 0 0 0-1.188.62a2.158 2.158 0 0 0 .35 3.458a2.55 2.55 0 0 0 3.617-.31a3.18 3.18 0 0 0 .45-2.048a12.5 12.5 0 0 0-.62-2.719a16 16 0 0 0-.67-1.758c-.14-.36-.729 0-.519.49q.25.704.39 1.438m-.23-8.135c.34 0 .68.07 1 .13l1.548.44a.32.32 0 0 0 .2-.6l-1.569-.64c-.43-.12-.87-.23-1.309-.31c-.44-.08-.89-.14-1.33-.2H9.92a.64.64 0 0 0-.63.51c.035.483.14.957.31 1.41c.36 1.06 1 2.318 1.21 2.868a.28.28 0 0 0 .53-.18c-.13-.49-.44-1.559-.69-2.538c-.09-.37-.18-.72-.23-1h.12c.51.02 1.03.06 1.539.11"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. MusicNoteCircleBlock1Icon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-4.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.