Home/Libraries/Freehand free icons (Iconify)/modern-music-bass-guitar

Freehand free icons (Iconify)

ModernMusicBassGuitar

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="M11.79 10.803c-.119-.47-.529.479.87-2.188c.23-.46.47-1.269.55-1.229a1.6 1.6 0 0 0 2.067-.91a4 4 0 0 0 1.619.56a.33.33 0 0 0 .44-.12c.289-.529-1.06-1.078-1.58-1.298c-.08 0-.12.16.47-1.129a3.7 3.7 0 0 0 1.679.61a.324.324 0 0 0 .31-.57a3 3 0 0 0-.46-.49c-.12-.08-.86-.32-1-.38c-.289 0-.15.06.16-.848a1.55 1.55 0 0 0-.07-1.589a1.9 1.9 0 0 0-1.568-.32l-1.268.14c-2.348.44-1.449.13-1.868.2c-.18 0-.73.81-.84 1a2.93 2.93 0 0 0-1.738-1.12a.29.29 0 0 0-.35.2c0 .05 0 .14.08.31c.3.73.8.889 1.619 1.169a6.5 6.5 0 0 0-.67 1.079a5.6 5.6 0 0 0-.889-.74c-.4-.18-.999-.42-1.079 0c0 .08 0 .92 1.719 1.489a1.07 1.07 0 0 0 .39 1.069c.11.09.249.41.399.38a22.5 22.5 0 0 1-1.948 3.126c-.22-.43-.82.08-1.229.34c-1.448.999-6.833 4.485-7.472 5.934a1.1 1.1 0 0 0 .57 1.548c1.188.58 5.204.07 5.653.07c.92 0 .41.46.69 1.279c.999 2.797 2.857 3.866 3.806 2.847s.949-6.384.939-7.992c.096-.806.096-1.621 0-2.427m-.449-4.096c.69-1.399-.55-1.329-.669-1.858c-.12-.53 1.249-2.438 1.618-2.927c.16.31.44.11 1 0c.559-.11 2.747-.51 3.056-.16s-1.838 4.275-1.978 4.435a.64.64 0 0 1-.859.26a2.5 2.5 0 0 0-.32-.15c-.739-.23-1.098 1.149-1.448 1.838c-2.088 3.996-2.997 5.994-3.896 5.595c-.9-.4 2.308-4.586 3.496-7.033m-.26 6.493c0 1.179-.15 5.524-.719 6.993c-.1.26-.22.5-.52.38a4.08 4.08 0 0 1-1.777-2.548c-.28-.819-.09-1.928-1.509-1.998c-.2 0-5.344.51-5.534 0c-.29-.779 6.843-5.934 6.923-5.994c.64-.44.939-1.129 0 .54a8.6 8.6 0 0 0-1.299 2.887c-.06 1.269 1.359 1.808 2.438.999a9.4 9.4 0 0 0 2.097-3.107c.03.68-.09 1.289-.1 1.848"/><path d="M23.998 17.526c-.1-4.066.31-6.214-2.377-6.883c.28-1.609.15-2.608-1.549-2.698c-.869 0-1.158.51-1.338 1.379c0 0-.1.64-.13.999c-1 0-5.385.13-5.434.13a.29.29 0 0 0 .07.57c.17 0 6.752-.09 8.5.629a1.45 1.45 0 0 1 1 1.178a62.6 62.6 0 0 1 .08 8.991a4.8 4.8 0 0 1-1.409.37c-.78.1-6.184.07-6.383.07q-1.16.01-2.308-.14a.32.32 0 0 0-.4.49c.46.479 8.681.569 9.2.529c2.308-.22 2.299-.77 2.398-1.808c.1-1.04.08-3.087.08-3.806m-4.735-7.163c.13-.33.17-1.429.74-1.329c.869 0 .909.38.949 1.499a16 16 0 0 0-1.689-.17"/><path d="M18.944 20.413a4.4 4.4 0 0 0 2.637-2.997a3.415 3.415 0 0 0-2.528-4.276c-1.838-.37-4.245.24-5.124 2.278c-1.499 3.426 1.718 6.184 5.014 4.995m-4.236-4.725c.79-2.188 3.886-2.438 5.105-1.429a2.68 2.68 0 0 1 .839 2.877c-1.149 4.036-7.463 2.787-5.944-1.449"/><path d="M18.824 17.226c.44-1.349-.77-2.278-1.279-2.128a1.82 1.82 0 0 0-1.868 1.658a1.598 1.598 0 0 0 3.147.47m-2.118-.61c.29-1.418 1.758-.839 1.259.28a.649.649 0 0 1-1.26-.28"/></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. ModernMusicBassGuitarIcon.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.