Home/Libraries/Freehand free icons (Iconify)/music-genre-romantic-cd

Freehand free icons (Iconify)

MusicGenreRomanticCd

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"><g fill="#818cf8" fill-rule="evenodd" clip-rule="evenodd"><path d="M13.201 11.08a.3.3 0 0 0 .22.07a6.67 6.67 0 0 0 4.181-1.55a4.1 4.1 0 0 0 1.26-2.891a2.26 2.26 0 0 0-1.87-2.4a2.48 2.48 0 0 0-1.9.4a2.68 2.68 0 0 0-1.25-1.221a2.06 2.06 0 0 0-2.771 1a4.05 4.05 0 0 0-.38 3.051a6.92 6.92 0 0 0 2.51 3.54m-1.21-6.052a1 1 0 0 1 1.3-.45a1.53 1.53 0 0 1 .86 1.45a.68.68 0 0 0 1.18.3a1.4 1.4 0 0 1 1.451-.76a1.15 1.15 0 0 1 1 1.21a3.1 3.1 0 0 1-1.29 2.641c-.89.612-1.924.98-3 1.07a6.3 6.3 0 0 1-1.721-2.56a3.17 3.17 0 0 1 .22-2.9m11.203-3.65a1.58 1.58 0 0 0-1.69-1.35a1.8 1.8 0 0 0-1.001.41a1.76 1.76 0 0 0-.89-.41a1.46 1.46 0 0 0-1.72 1.19a2.6 2.6 0 0 0 .29 2a4 4 0 0 0 2.33 1.81a4.22 4.22 0 0 0 2.33-1.58a2.73 2.73 0 0 0 .35-2.07m-1.37 1.82c-1.281 1.65-2.091.77-2.651-.11a1.71 1.71 0 0 1-.18-1.55a.36.36 0 0 1 .43-.27q.56.212 1.09.49c.53-.29.49-.42 1.11-.48a.46.46 0 0 1 .5.36a1.66 1.66 0 0 1-.3 1.56M3.779 13.52c.29.12.59.23.89.33l.93.3l.94.27c.46.11.8-.68.42-.91l-.97-.48c-.3-.14-.61-.27-.92-.38a9 9 0 0 0-1-.29a6 6 0 0 0-1-.11c-.59.1-.85.65-.33.89zm8.282 2.951q.182-.18.34-.38a2.5 2.5 0 0 0 .3-.64a2.6 2.6 0 0 0 0-.93a2.5 2.5 0 0 0-.41-1a3 3 0 0 0-2.27-1.22a2.83 2.83 0 0 0-2.441 1.31a2.59 2.59 0 0 0-.28 2.64q.206.372.51.67a2.36 2.36 0 0 0 3.18.41a3.6 3.6 0 0 0 1.071-.86m-1.53.07c-1.92 1.08-2.651-.73-2.421-1.69a1.82 1.82 0 0 1 1.88-1.33a1.86 1.86 0 0 1 1.35.69a1.62 1.62 0 0 1-.81 2.33m4.742 2.431c-.39-.38-.81-.76-1.23-1.11a13.4 13.4 0 0 0-1.56-1.12a.48.48 0 0 0-.411.86c.52.49.45.48.95 1q.585.609 1.24 1.14q.47.395 1 .7c.34.09 1.001-.33.73-.74zm.63-4.722a5.4 5.4 0 0 0-1.06 0a6 6 0 0 0-1.45.25c-.44.38-.29.67.12.91q.494.105 1 .07h1.75c.59 0 .58 0 1.18-.07c.87-.15.54-.8.24-.92a8.2 8.2 0 0 0-1.78-.24"/><path d="M17.802 11.22a.38.38 0 0 0-.52-.1a.37.37 0 0 0-.09.52a7 7 0 0 1 .73 5.481a8.77 8.77 0 0 1-3.3 4.501a8.3 8.3 0 0 1-4.311 1.18a8.74 8.74 0 0 1-4.361-1a10.8 10.8 0 0 1-2.001-1.48a5.86 5.86 0 0 1-2-3.66a8.86 8.86 0 0 1 2.34-6.872A7.78 7.78 0 0 1 9.29 7.599a.33.33 0 0 0 .33-.33a.35.35 0 0 0-.34-.33a8.55 8.55 0 0 0-5.58 2.22a9.76 9.76 0 0 0-2.83 5.402a9.3 9.3 0 0 0-.07 2.63a6.73 6.73 0 0 0 2.26 4.001c.69.64 1.451 1.198 2.27 1.66a9.9 9.9 0 0 0 5.002 1.14a9.23 9.23 0 0 0 4.9-1.5a9.53 9.53 0 0 0 3.572-5.18a7.84 7.84 0 0 0-1-6.092"/><path d="M4.21 18.352c.53-.16 1-.37 1.55-.58s1-.45 1.62-.7c.24-.2 0-.861-.68-.74a10 10 0 0 0-1.61.39c-.52.16-.8.26-1.301.46c-.32.133-.62.312-.89.53c-.32.42-.3.69.24.88a5.7 5.7 0 0 0 1.07-.24"/></g></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. MusicGenreRomanticCdIcon.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.