# File mp3 icon — Nodo Icons

- Name: `file-mp3`
- Category: files
- Tags: mp3, audio track, song file
- Free style: Linear (MIT). Pro styles: Light, Bold, Sharp, Twotone, Duotone, Bulk, Solid, Contained, Soft.
- Page: https://nodoicons.com/icons/file-mp3/
- SVG (Linear): https://nodoicons.com/svg/linear/file-mp3.svg

## React

```jsx
import { FileMp3Icon } from '@nodo-icons/react';

<FileMp3Icon size={24} />
```

## Vue

```vue
<script setup>
import { FileMp3Icon } from '@nodo-icons/vue';
</script>

<template><FileMp3Icon :size="24" /></template>
```

## SVG (Linear)

```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="M4.5 12V5.5A2.5 2.5 0 0 1 7 3h7l5.5 5.5V12"/><path d="M14 3v3.5a2 2 0 0 0 2 2h3.5"/><path d="M3.75 21V15l2 4 2-4v6"/><path d="M10.5 21V15h1.75C12.43 15 12.62 15.03 12.79 15.09C12.97 15.14 13.13 15.23 13.28 15.33C13.43 15.44 13.56 15.57 13.67 15.72C13.77 15.87 13.86 16.03 13.91 16.21C13.97 16.38 14 16.57 14 16.75C14 16.93 13.97 17.12 13.91 17.29C13.86 17.47 13.77 17.63 13.67 17.78C13.56 17.93 13.43 18.06 13.28 18.17C13.13 18.27 12.97 18.36 12.79 18.41C12.62 18.47 12.43 18.5 12.25 18.5H10.5"/><path d="M16.75 15h3.25L18.25 17.5h.25C18.68 17.5 18.86 17.53 19.03 17.58C19.2 17.64 19.37 17.72 19.51 17.82C19.66 17.93 19.79 18.05 19.9 18.2C20.01 18.34 20.09 18.5 20.15 18.67C20.21 18.84 20.24 19.02 20.25 19.2C20.25 19.38 20.23 19.56 20.18 19.74C20.13 19.91 20.05 20.07 19.95 20.22C19.85 20.37 19.73 20.51 19.59 20.62C19.45 20.73 19.29 20.82 19.12 20.89C18.95 20.95 18.77 20.99 18.59 21C18.41 21.01 18.23 20.99 18.06 20.94C17.88 20.9 17.72 20.83 17.56 20.73C17.41 20.63 17.28 20.51 17.16 20.37"/></svg>
```

## Pro styles

With Nodo Icons Pro: `import { FileMp3Icon } from '@nodo-icons/react-pro/<style>'`, where `<style>` is one of light, bold, sharp, twotone, duotone, bulk, solid, contained, soft. The Pro packages install from the Nodo Icons registry with your license key: https://nodoicons.com/docs/#nodo-icons-pro-in-react-and-vue. Pricing: https://nodoicons.com/#pricing

## Related icons

- [file-audio](https://nodoicons.com/icons/file-audio/index.md)
- [case-file](https://nodoicons.com/icons/case-file/index.md)
- [file](https://nodoicons.com/icons/file/index.md)
- [file-3d](https://nodoicons.com/icons/file-3d/index.md)
- [file-7z](https://nodoicons.com/icons/file-7z/index.md)
- [file-attachment](https://nodoicons.com/icons/file-attachment/index.md)
- [file-avi](https://nodoicons.com/icons/file-avi/index.md)
- [file-binary](https://nodoicons.com/icons/file-binary/index.md)
- [file-blank](https://nodoicons.com/icons/file-blank/index.md)
- [file-bmp](https://nodoicons.com/icons/file-bmp/index.md)
- [file-bookmark](https://nodoicons.com/icons/file-bookmark/index.md)
- [file-broken](https://nodoicons.com/icons/file-broken/index.md)