---
title: guitar-bass, an IconMuse music icon
description: Guitar bass icon (Strings). Tags: bass, electric bass, strings. SVG, React, SwiftUI, Flutter and Compose usage.
---

# guitar-bass

![guitar bass](https://icons.chordmuse.app/svg/guitar-bass.svg)

- **Category:** Strings
- **Tags:** bass, electric bass, strings
- **SVG file:** https://icons.chordmuse.app/svg/guitar-bass.svg
- **Gallery:** https://icons.chordmuse.app/

## SVG

```svg
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M10.586 12C10.162 11.576 10.303 10.869 10.656 9.384C10.939 8.111 9.667 7.121 8.464 8.323C7.262 9.525 7.404 10.656 5.919 11.151C4.363 11.717 3.303 12.212 2.808 13.556C2.171 15.323 3.444 17.303 5.07 18.93S8.677 21.829 10.444 21.192C11.788 20.697 12.283 19.637 12.849 18.081C13.273 16.808 14.546 16.667 15.182 16.031C16.101 15.111 15.536 13.98 14.263 14.263C12.778 14.616 12.707 14.121 12.354 13.768"/><path d="M10.586 12L18.01 4.575"/><path d="M12 13.414L19.425 5.99"/><path d="M17.657 4.222L19.071 3.515L20.627 5.07L19.778 6.343Z"/><path d="M7.404 13.768L8.818 15.182"/><path d="M8.111 15.889L9.525 17.303"/></svg>
```

## Usage

```html
<!-- Any website -->
<script type="module" src="https://icons.chordmuse.app/dist/icon-muse.js"></script>
<icon-muse name="guitar-bass" size="24" label="guitar bass"></icon-muse>
```

```tsx
// React / Next.js (npm package "iconmuse")
import { IconMuse } from 'iconmuse/react';
<IconMuse name="guitar-bass" size={24} />
```

```swift
// SwiftUI (Swift Package "IconMuse")
import IconMuse
IconMuse.guitarBass.image
```

```dart
// Flutter (package:iconmuse)
IconMuse(IconMuseIcons.guitarBass)
```

```kotlin
// Jetpack Compose (app.chordmuse:iconmuse)
Icon(painterResource(IconMuse.guitarBass), contentDescription = "guitar bass")
// or R.drawable.ic_iconmuse_guitar_bass
```
