filetype mp3 icon
filetype-mp3 from Bootstrap Icons by The Bootstrap Authors · Outline · MIT Free for personal and commercial use.
- Name
- filetype-mp3
- Set
- Bootstrap Icons
- Style
- Outline
- Viewbox
- 16×16
- License
- MIT
Related icons in Bootstrap Icons
Use the filetype mp3 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2v-1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5zm-4.911 9.67h-.443v-.609h.422a.7.7 0 0 0 .322-.073a.56.56 0 0 0 .22-.2a.5.5 0 0 0 .076-.284a.49.49 0 0 0-.176-.392a.65.65 0 0 0-.442-.15a.7.7 0 0 0-.252.041a.6.6 0 0 0-.193.112a.5.5 0 0 0-.179.349H7.71q.009-.235.102-.437q.094-.202.27-.352q.176-.152.428-.237q.255-.085.583-.088q.418-.003.723.132q.304.135.472.372a.9.9 0 0 1 .173.539a.83.83 0 0 1-.12.478a.96.96 0 0 1-.619.439v.041a1 1 0 0 1 .718.434a.9.9 0 0 1 .144.521q.003.285-.117.507a1.1 1.1 0 0 1-.329.378q-.21.152-.486.234q-.273.08-.583.08q-.451 0-.77-.153a1.2 1.2 0 0 1-.487-.41a1.1 1.1 0 0 1-.178-.563h.726a.46.46 0 0 0 .106.258a.7.7 0 0 0 .249.179a1 1 0 0 0 .357.067a.9.9 0 0 0 .384-.076a.6.6 0 0 0 .252-.217a.56.56 0 0 0 .088-.319a.56.56 0 0 0-.334-.522a.8.8 0 0 0-.372-.079ZM.706 15.925v-2.66h.038l.952 2.16h.516l.946-2.16h.038v2.66h.715v-3.999h-.8l-1.14 2.596h-.026l-1.14-2.596H0v4zm5.458-3.999h-1.6v4h.792v-1.342h.803q.43 0 .732-.173q.304-.177.463-.475a1.4 1.4 0 0 0 .161-.677q0-.374-.158-.677a1.2 1.2 0 0 0-.46-.477a1.4 1.4 0 0 0-.733-.179m.545 1.333a.8.8 0 0 1-.085.381a.57.57 0 0 1-.237.24a.8.8 0 0 1-.375.082h-.66v-1.406h.66q.328 0 .513.182q.184.181.184.521"/></svg>
React
import type { SVGProps } from "react";
export function BiFiletypeMp3(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" fillRule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2v-1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5zm-4.911 9.67h-.443v-.609h.422a.7.7 0 0 0 .322-.073a.56.56 0 0 0 .22-.2a.5.5 0 0 0 .076-.284a.49.49 0 0 0-.176-.392a.65.65 0 0 0-.442-.15a.7.7 0 0 0-.252.041a.6.6 0 0 0-.193.112a.5.5 0 0 0-.179.349H7.71q.009-.235.102-.437q.094-.202.27-.352q.176-.152.428-.237q.255-.085.583-.088q.418-.003.723.132q.304.135.472.372a.9.9 0 0 1 .173.539a.83.83 0 0 1-.12.478a.96.96 0 0 1-.619.439v.041a1 1 0 0 1 .718.434a.9.9 0 0 1 .144.521q.003.285-.117.507a1.1 1.1 0 0 1-.329.378q-.21.152-.486.234q-.273.08-.583.08q-.451 0-.77-.153a1.2 1.2 0 0 1-.487-.41a1.1 1.1 0 0 1-.178-.563h.726a.46.46 0 0 0 .106.258a.7.7 0 0 0 .249.179a1 1 0 0 0 .357.067a.9.9 0 0 0 .384-.076a.6.6 0 0 0 .252-.217a.56.56 0 0 0 .088-.319a.56.56 0 0 0-.334-.522a.8.8 0 0 0-.372-.079ZM.706 15.925v-2.66h.038l.952 2.16h.516l.946-2.16h.038v2.66h.715v-3.999h-.8l-1.14 2.596h-.026l-1.14-2.596H0v4zm5.458-3.999h-1.6v4h.792v-1.342h.803q.43 0 .732-.173q.304-.177.463-.475a1.4 1.4 0 0 0 .161-.677q0-.374-.158-.677a1.2 1.2 0 0 0-.46-.477a1.4 1.4 0 0 0-.733-.179m.545 1.333a.8.8 0 0 1-.085.381a.57.57 0 0 1-.237.24a.8.8 0 0 1-.375.082h-.66v-1.406h.66q.328 0 .513.182q.184.181.184.521"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2v-1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5zm-4.911 9.67h-.443v-.609h.422a.7.7 0 0 0 .322-.073a.56.56 0 0 0 .22-.2a.5.5 0 0 0 .076-.284a.49.49 0 0 0-.176-.392a.65.65 0 0 0-.442-.15a.7.7 0 0 0-.252.041a.6.6 0 0 0-.193.112a.5.5 0 0 0-.179.349H7.71q.009-.235.102-.437q.094-.202.27-.352q.176-.152.428-.237q.255-.085.583-.088q.418-.003.723.132q.304.135.472.372a.9.9 0 0 1 .173.539a.83.83 0 0 1-.12.478a.96.96 0 0 1-.619.439v.041a1 1 0 0 1 .718.434a.9.9 0 0 1 .144.521q.003.285-.117.507a1.1 1.1 0 0 1-.329.378q-.21.152-.486.234q-.273.08-.583.08q-.451 0-.77-.153a1.2 1.2 0 0 1-.487-.41a1.1 1.1 0 0 1-.178-.563h.726a.46.46 0 0 0 .106.258a.7.7 0 0 0 .249.179a1 1 0 0 0 .357.067a.9.9 0 0 0 .384-.076a.6.6 0 0 0 .252-.217a.56.56 0 0 0 .088-.319a.56.56 0 0 0-.334-.522a.8.8 0 0 0-.372-.079ZM.706 15.925v-2.66h.038l.952 2.16h.516l.946-2.16h.038v2.66h.715v-3.999h-.8l-1.14 2.596h-.026l-1.14-2.596H0v4zm5.458-3.999h-1.6v4h.792v-1.342h.803q.43 0 .732-.173q.304-.177.463-.475a1.4 1.4 0 0 0 .161-.677q0-.374-.158-.677a1.2 1.2 0 0 0-.46-.477a1.4 1.4 0 0 0-.733-.179m.545 1.333a.8.8 0 0 1-.085.381a.57.57 0 0 1-.237.24a.8.8 0 0 1-.375.082h-.66v-1.406h.66q.328 0 .513.182q.184.181.184.521"/></svg> </template>
CSS
.icon-filetype-mp3 {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M14%204.5V14a2%202%200%200%201-2%202v-1a1%201%200%200%200%201-1V4.5h-2A1.5%201.5%200%200%201%209.5%203V1H4a1%201%200%200%200-1%201v9H2V2a2%202%200%200%201%202-2h5.5zm-4.911%209.67h-.443v-.609h.422a.7.7%200%200%200%20.322-.073a.56.56%200%200%200%20.22-.2a.5.5%200%200%200%20.076-.284a.49.49%200%200%200-.176-.392a.65.65%200%200%200-.442-.15a.7.7%200%200%200-.252.041a.6.6%200%200%200-.193.112a.5.5%200%200%200-.179.349H7.71q.009-.235.102-.437q.094-.202.27-.352q.176-.152.428-.237q.255-.085.583-.088q.418-.003.723.132q.304.135.472.372a.9.9%200%200%201%20.173.539a.83.83%200%200%201-.12.478a.96.96%200%200%201-.619.439v.041a1%201%200%200%201%20.718.434a.9.9%200%200%201%20.144.521q.003.285-.117.507a1.1%201.1%200%200%201-.329.378q-.21.152-.486.234q-.273.08-.583.08q-.451%200-.77-.153a1.2%201.2%200%200%201-.487-.41a1.1%201.1%200%200%201-.178-.563h.726a.46.46%200%200%200%20.106.258a.7.7%200%200%200%20.249.179a1%201%200%200%200%20.357.067a.9.9%200%200%200%20.384-.076a.6.6%200%200%200%20.252-.217a.56.56%200%200%200%20.088-.319a.56.56%200%200%200-.334-.522a.8.8%200%200%200-.372-.079ZM.706%2015.925v-2.66h.038l.952%202.16h.516l.946-2.16h.038v2.66h.715v-3.999h-.8l-1.14%202.596h-.026l-1.14-2.596H0v4zm5.458-3.999h-1.6v4h.792v-1.342h.803q.43%200%20.732-.173q.304-.177.463-.475a1.4%201.4%200%200%200%20.161-.677q0-.374-.158-.677a1.2%201.2%200%200%200-.46-.477a1.4%201.4%200%200%200-.733-.179m.545%201.333a.8.8%200%200%201-.085.381a.57.57%200%200%201-.237.24a.8.8%200%200%201-.375.082h-.66v-1.406h.66q.328%200%20.513.182q.184.181.184.521%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M14%204.5V14a2%202%200%200%201-2%202v-1a1%201%200%200%200%201-1V4.5h-2A1.5%201.5%200%200%201%209.5%203V1H4a1%201%200%200%200-1%201v9H2V2a2%202%200%200%201%202-2h5.5zm-4.911%209.67h-.443v-.609h.422a.7.7%200%200%200%20.322-.073a.56.56%200%200%200%20.22-.2a.5.5%200%200%200%20.076-.284a.49.49%200%200%200-.176-.392a.65.65%200%200%200-.442-.15a.7.7%200%200%200-.252.041a.6.6%200%200%200-.193.112a.5.5%200%200%200-.179.349H7.71q.009-.235.102-.437q.094-.202.27-.352q.176-.152.428-.237q.255-.085.583-.088q.418-.003.723.132q.304.135.472.372a.9.9%200%200%201%20.173.539a.83.83%200%200%201-.12.478a.96.96%200%200%201-.619.439v.041a1%201%200%200%201%20.718.434a.9.9%200%200%201%20.144.521q.003.285-.117.507a1.1%201.1%200%200%201-.329.378q-.21.152-.486.234q-.273.08-.583.08q-.451%200-.77-.153a1.2%201.2%200%200%201-.487-.41a1.1%201.1%200%200%201-.178-.563h.726a.46.46%200%200%200%20.106.258a.7.7%200%200%200%20.249.179a1%201%200%200%200%20.357.067a.9.9%200%200%200%20.384-.076a.6.6%200%200%200%20.252-.217a.56.56%200%200%200%20.088-.319a.56.56%200%200%200-.334-.522a.8.8%200%200%200-.372-.079ZM.706%2015.925v-2.66h.038l.952%202.16h.516l.946-2.16h.038v2.66h.715v-3.999h-.8l-1.14%202.596h-.026l-1.14-2.596H0v4zm5.458-3.999h-1.6v4h.792v-1.342h.803q.43%200%20.732-.173q.304-.177.463-.475a1.4%201.4%200%200%200%20.161-.677q0-.374-.158-.677a1.2%201.2%200%200%200-.46-.477a1.4%201.4%200%200%200-.733-.179m.545%201.333a.8.8%200%200%201-.085.381a.57.57%200%200%201-.237.24a.8.8%200%200%201-.375.082h-.66v-1.406h.66q.328%200%20.513.182q.184.181.184.521%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bi/filetype-mp3.svg?color=%231a73e8&size=48
