---
title: banjo, an IconMuse music icon
description: Banjo icon (Strings). Tags: bluegrass, country, strings. SVG, React, SwiftUI, Flutter and Compose usage.
---

# banjo

![banjo](https://icons.chordmuse.app/svg/banjo.svg)

- **Category:** Strings
- **Tags:** bluegrass, country, strings
- **SVG file:** https://icons.chordmuse.app/svg/banjo.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="M5.282 10.232A6 6 45 1 0 13.768 18.718A6 6 45 1 0 5.282 10.232Z"/><path d="M6.697 11.646A4 4 45 1 0 12.354 17.303A4 4 45 1 0 6.697 11.646Z"/><path d="M13.061 9.525L18.01 4.575"/><path d="M14.475 10.939L19.425 5.99"/><path d="M17.657 4.222L19.071 3.515L20.485 4.929L19.778 6.343Z"/><path d="M7.616 14.687L9.313 16.384"/></svg>
```

## Usage

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

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

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

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

```kotlin
// Jetpack Compose (app.chordmuse:iconmuse)
Icon(painterResource(IconMuse.banjo), contentDescription = "banjo")
// or R.drawable.ic_iconmuse_banjo
```
