---
title: violin, an IconMuse music icon
description: Violin icon (Strings). Tags: fiddle, viola, strings, classical. SVG, React, SwiftUI, Flutter and Compose usage.
---

# violin

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

- **Category:** Strings
- **Tags:** fiddle, viola, strings, classical
- **SVG file:** https://icons.chordmuse.app/svg/violin.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="M15 6.804C12.922 5.604 11.073 5.806 10.123 7.452C9.473 8.578 9.952 9.547 9.502 10.327S7.403 10.962 6.403 12.694C5.053 15.033 5.935 17.505 8.1 18.755S12.847 19.533 14.197 17.194C15.197 15.462 14.248 14.106 14.698 13.327S16.227 12.478 16.877 11.352C17.827 9.706 17.078 8.004 15 6.804Z"/><path d="M10.278 11.583L8.778 14.181"/><path d="M13.222 13.283L11.722 15.881"/><path d="M16.75 3.773L11 13.732"/><path d="M8.384 16.263L10.116 17.263"/><path d="M15.984 3.1A1 1 30 1 0 17.716 4.1A1 1 30 1 0 15.984 3.1Z"/></svg>
```

## Usage

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

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

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

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

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