headphones icon
headphones-solid from Myna UI Icons by Praveen Juge · Solid · MIT Free for personal and commercial use.
- Name
- headphones-solid
- Set
- Myna UI Icons
- Style
- Solid
- Viewbox
- 24×24
- License
- MIT
1 other variant in Myna UI Icons
The same icon in other sets
headphonesBootstrap IconsheadphonesCarbonheadphones-fillEva IconsheadphonesFramework7 IconsheadphonesFont Awesome 6 SolidheadphonesFont Awesome RegularheadphonesFont Awesome SolidheadphonesFeather Iconsheadphones-outlineFlowbite Iconsheadphones-12-filledFluent UI System Iconsheadphones-20Fluent UI System Color IconsheadphonesHuge IconsheadphonesLine AwesomeheadphonesLucideheadphonesMaterial SymbolsheadphonesMaterial Symbols LightheadphonesMaterial Design IconsheadphonesPhosphorheadphonesPrime IconsheadphonesTabler Iconsheadphones-outlineTeenyiconsheadphonesUnicons
Use the headphones icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2.25A9.75 9.75 0 0 0 2.25 12v5q0 .04.004.08v.05c-.003 1.278.602 2.682 1.963 3.25l.071.03c.11.044.22.12.362.25c.07.064.138.132.22.213l.008.008c.08.08.175.175.277.265c.204.183.474.388.83.506c.37.122.77.131 1.208.022c.723-.18 1.266-.752 1.469-1.454c.089-.309.089-.668.088-1.084v-4.094c0-.285 0-.528-.01-.728a2.3 2.3 0 0 0-.107-.627c-.23-.683-.786-1.223-1.504-1.377a2.25 2.25 0 0 0-1.264.065c-.37.133-.652.354-.87.558c-.12.11-.269.267-.391.396l-.164.17a1.8 1.8 0 0 1-.427.338q-.136.07-.263.152V12a8.25 8.25 0 1 1 16.5 0v1.864a3 3 0 0 0-.538-.274a1.2 1.2 0 0 1-.362-.25c-.07-.064-.138-.132-.22-.213l-.008-.008a7 7 0 0 0-.277-.265a2.4 2.4 0 0 0-.83-.506q-.553-.184-1.208-.022c-.723.18-1.266.752-1.469 1.454c-.089.309-.088.668-.088 1.085v4.093c0 .285 0 .528.01.728c.012.208.037.418.107.627c.23.683.786 1.223 1.504 1.377c.463.1.883.073 1.264-.065c.37-.133.652-.354.87-.558c.12-.11.269-.267.391-.395c.065-.069.123-.13.164-.17a1.8 1.8 0 0 1 .427-.34c1.11-.573 1.755-1.724 1.758-2.936v-.143L21.75 17v-5A9.75 9.75 0 0 0 12 2.25"/></svg>
React
import type { SVGProps } from "react";
export function MynauiHeadphonesSolid(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2.25A9.75 9.75 0 0 0 2.25 12v5q0 .04.004.08v.05c-.003 1.278.602 2.682 1.963 3.25l.071.03c.11.044.22.12.362.25c.07.064.138.132.22.213l.008.008c.08.08.175.175.277.265c.204.183.474.388.83.506c.37.122.77.131 1.208.022c.723-.18 1.266-.752 1.469-1.454c.089-.309.089-.668.088-1.084v-4.094c0-.285 0-.528-.01-.728a2.3 2.3 0 0 0-.107-.627c-.23-.683-.786-1.223-1.504-1.377a2.25 2.25 0 0 0-1.264.065c-.37.133-.652.354-.87.558c-.12.11-.269.267-.391.396l-.164.17a1.8 1.8 0 0 1-.427.338q-.136.07-.263.152V12a8.25 8.25 0 1 1 16.5 0v1.864a3 3 0 0 0-.538-.274a1.2 1.2 0 0 1-.362-.25c-.07-.064-.138-.132-.22-.213l-.008-.008a7 7 0 0 0-.277-.265a2.4 2.4 0 0 0-.83-.506q-.553-.184-1.208-.022c-.723.18-1.266.752-1.469 1.454c-.089.309-.088.668-.088 1.085v4.093c0 .285 0 .528.01.728c.012.208.037.418.107.627c.23.683.786 1.223 1.504 1.377c.463.1.883.073 1.264-.065c.37-.133.652-.354.87-.558c.12-.11.269-.267.391-.395c.065-.069.123-.13.164-.17a1.8 1.8 0 0 1 .427-.34c1.11-.573 1.755-1.724 1.758-2.936v-.143L21.75 17v-5A9.75 9.75 0 0 0 12 2.25"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2.25A9.75 9.75 0 0 0 2.25 12v5q0 .04.004.08v.05c-.003 1.278.602 2.682 1.963 3.25l.071.03c.11.044.22.12.362.25c.07.064.138.132.22.213l.008.008c.08.08.175.175.277.265c.204.183.474.388.83.506c.37.122.77.131 1.208.022c.723-.18 1.266-.752 1.469-1.454c.089-.309.089-.668.088-1.084v-4.094c0-.285 0-.528-.01-.728a2.3 2.3 0 0 0-.107-.627c-.23-.683-.786-1.223-1.504-1.377a2.25 2.25 0 0 0-1.264.065c-.37.133-.652.354-.87.558c-.12.11-.269.267-.391.396l-.164.17a1.8 1.8 0 0 1-.427.338q-.136.07-.263.152V12a8.25 8.25 0 1 1 16.5 0v1.864a3 3 0 0 0-.538-.274a1.2 1.2 0 0 1-.362-.25c-.07-.064-.138-.132-.22-.213l-.008-.008a7 7 0 0 0-.277-.265a2.4 2.4 0 0 0-.83-.506q-.553-.184-1.208-.022c-.723.18-1.266.752-1.469 1.454c-.089.309-.088.668-.088 1.085v4.093c0 .285 0 .528.01.728c.012.208.037.418.107.627c.23.683.786 1.223 1.504 1.377c.463.1.883.073 1.264-.065c.37-.133.652-.354.87-.558c.12-.11.269-.267.391-.395c.065-.069.123-.13.164-.17a1.8 1.8 0 0 1 .427-.34c1.11-.573 1.755-1.724 1.758-2.936v-.143L21.75 17v-5A9.75 9.75 0 0 0 12 2.25"/></svg> </template>
CSS
.icon-headphones-solid {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%202.25A9.75%209.75%200%200%200%202.25%2012v5q0%20.04.004.08v.05c-.003%201.278.602%202.682%201.963%203.25l.071.03c.11.044.22.12.362.25c.07.064.138.132.22.213l.008.008c.08.08.175.175.277.265c.204.183.474.388.83.506c.37.122.77.131%201.208.022c.723-.18%201.266-.752%201.469-1.454c.089-.309.089-.668.088-1.084v-4.094c0-.285%200-.528-.01-.728a2.3%202.3%200%200%200-.107-.627c-.23-.683-.786-1.223-1.504-1.377a2.25%202.25%200%200%200-1.264.065c-.37.133-.652.354-.87.558c-.12.11-.269.267-.391.396l-.164.17a1.8%201.8%200%200%201-.427.338q-.136.07-.263.152V12a8.25%208.25%200%201%201%2016.5%200v1.864a3%203%200%200%200-.538-.274a1.2%201.2%200%200%201-.362-.25c-.07-.064-.138-.132-.22-.213l-.008-.008a7%207%200%200%200-.277-.265a2.4%202.4%200%200%200-.83-.506q-.553-.184-1.208-.022c-.723.18-1.266.752-1.469%201.454c-.089.309-.088.668-.088%201.085v4.093c0%20.285%200%20.528.01.728c.012.208.037.418.107.627c.23.683.786%201.223%201.504%201.377c.463.1.883.073%201.264-.065c.37-.133.652-.354.87-.558c.12-.11.269-.267.391-.395c.065-.069.123-.13.164-.17a1.8%201.8%200%200%201%20.427-.34c1.11-.573%201.755-1.724%201.758-2.936v-.143L21.75%2017v-5A9.75%209.75%200%200%200%2012%202.25%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%202.25A9.75%209.75%200%200%200%202.25%2012v5q0%20.04.004.08v.05c-.003%201.278.602%202.682%201.963%203.25l.071.03c.11.044.22.12.362.25c.07.064.138.132.22.213l.008.008c.08.08.175.175.277.265c.204.183.474.388.83.506c.37.122.77.131%201.208.022c.723-.18%201.266-.752%201.469-1.454c.089-.309.089-.668.088-1.084v-4.094c0-.285%200-.528-.01-.728a2.3%202.3%200%200%200-.107-.627c-.23-.683-.786-1.223-1.504-1.377a2.25%202.25%200%200%200-1.264.065c-.37.133-.652.354-.87.558c-.12.11-.269.267-.391.396l-.164.17a1.8%201.8%200%200%201-.427.338q-.136.07-.263.152V12a8.25%208.25%200%201%201%2016.5%200v1.864a3%203%200%200%200-.538-.274a1.2%201.2%200%200%201-.362-.25c-.07-.064-.138-.132-.22-.213l-.008-.008a7%207%200%200%200-.277-.265a2.4%202.4%200%200%200-.83-.506q-.553-.184-1.208-.022c-.723.18-1.266.752-1.469%201.454c-.089.309-.088.668-.088%201.085v4.093c0%20.285%200%20.528.01.728c.012.208.037.418.107.627c.23.683.786%201.223%201.504%201.377c.463.1.883.073%201.264-.065c.37-.133.652-.354.87-.558c.12-.11.269-.267.391-.395c.065-.069.123-.13.164-.17a1.8%201.8%200%200%201%20.427-.34c1.11-.573%201.755-1.724%201.758-2.936v-.143L21.75%2017v-5A9.75%209.75%200%200%200%2012%202.25%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mynaui/headphones-solid.svg?color=%231a73e8&size=48
