speaker icon
speaker-solid from Myna UI Icons by Praveen Juge · Solid · MIT Free for personal and commercial use.
- Name
- speaker-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
speakerBootstrap IconsspeakerBoxIcons v2speakerBoxIcons v2 Solidspeaker-fillEva IconsspeakerFramework7 IconsspeakerFeather Iconsspeaker-16-filledFluent UI System IconsspeakerFirefox OS EmojispeakerHuge IconsspeakerIconParkspeakerIconPark OutlinespeakerIconPark SolidspeakerIconPark TwoTonespeakerJam IconsspeakerLucidespeakerMajesticonsspeakerMaterial SymbolsspeakerMaterial Symbols LightspeakerMaterial Design Iconsspeaker-fillMingCute IconspeakerPixelarticonsspeaker-fillRemix Iconspeaker-boldSolar
Use the speaker icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M10.409 12.409a2.25 2.25 0 1 1 3.182 3.183a2.25 2.25 0 0 1-3.182-3.183"/><path d="M7.899 2.425c1.049-.175 2.382-.175 4.034-.175h.134c1.652 0 2.985 0 4.034.175c1.104.184 1.99.577 2.671 1.423c.663.822.952 1.85 1.09 3.134C20 8.247 20 9.872 20 11.953v.094c0 2.082 0 3.706-.137 4.971c-.14 1.284-.428 2.312-1.09 3.134c-.682.846-1.568 1.239-2.672 1.423c-1.049.175-2.382.175-4.034.175h-.134c-1.652 0-2.985 0-4.034-.175c-1.104-.184-1.99-.576-2.671-1.422c-.663-.823-.952-1.851-1.09-3.134C4 15.753 4 14.128 4 12.046v-.094c0-2.081 0-3.706.137-4.971c.14-1.284.428-2.312 1.09-3.134c.682-.846 1.568-1.239 2.672-1.423M11.5 6.25a.75.75 0 0 0 0 1.5h1a.75.75 0 0 0 0-1.5zm.5 4a3.75 3.75 0 1 0 0 7.5a3.75 3.75 0 0 0 0-7.5"/></g></svg>
React
import type { SVGProps } from "react";
export function MynauiSpeakerSolid(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M10.409 12.409a2.25 2.25 0 1 1 3.182 3.183a2.25 2.25 0 0 1-3.182-3.183"/><path d="M7.899 2.425c1.049-.175 2.382-.175 4.034-.175h.134c1.652 0 2.985 0 4.034.175c1.104.184 1.99.577 2.671 1.423c.663.822.952 1.85 1.09 3.134C20 8.247 20 9.872 20 11.953v.094c0 2.082 0 3.706-.137 4.971c-.14 1.284-.428 2.312-1.09 3.134c-.682.846-1.568 1.239-2.672 1.423c-1.049.175-2.382.175-4.034.175h-.134c-1.652 0-2.985 0-4.034-.175c-1.104-.184-1.99-.576-2.671-1.422c-.663-.823-.952-1.851-1.09-3.134C4 15.753 4 14.128 4 12.046v-.094c0-2.081 0-3.706.137-4.971c.14-1.284.428-2.312 1.09-3.134c.682-.846 1.568-1.239 2.672-1.423M11.5 6.25a.75.75 0 0 0 0 1.5h1a.75.75 0 0 0 0-1.5zm.5 4a3.75 3.75 0 1 0 0 7.5a3.75 3.75 0 0 0 0-7.5"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M10.409 12.409a2.25 2.25 0 1 1 3.182 3.183a2.25 2.25 0 0 1-3.182-3.183"/><path d="M7.899 2.425c1.049-.175 2.382-.175 4.034-.175h.134c1.652 0 2.985 0 4.034.175c1.104.184 1.99.577 2.671 1.423c.663.822.952 1.85 1.09 3.134C20 8.247 20 9.872 20 11.953v.094c0 2.082 0 3.706-.137 4.971c-.14 1.284-.428 2.312-1.09 3.134c-.682.846-1.568 1.239-2.672 1.423c-1.049.175-2.382.175-4.034.175h-.134c-1.652 0-2.985 0-4.034-.175c-1.104-.184-1.99-.576-2.671-1.422c-.663-.823-.952-1.851-1.09-3.134C4 15.753 4 14.128 4 12.046v-.094c0-2.081 0-3.706.137-4.971c.14-1.284.428-2.312 1.09-3.134c.682-.846 1.568-1.239 2.672-1.423M11.5 6.25a.75.75 0 0 0 0 1.5h1a.75.75 0 0 0 0-1.5zm.5 4a3.75 3.75 0 1 0 0 7.5a3.75 3.75 0 0 0 0-7.5"/></g></svg> </template>
CSS
.icon-speaker-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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M10.409%2012.409a2.25%202.25%200%201%201%203.182%203.183a2.25%202.25%200%200%201-3.182-3.183%22%2F%3E%3Cpath%20d%3D%22M7.899%202.425c1.049-.175%202.382-.175%204.034-.175h.134c1.652%200%202.985%200%204.034.175c1.104.184%201.99.577%202.671%201.423c.663.822.952%201.85%201.09%203.134C20%208.247%2020%209.872%2020%2011.953v.094c0%202.082%200%203.706-.137%204.971c-.14%201.284-.428%202.312-1.09%203.134c-.682.846-1.568%201.239-2.672%201.423c-1.049.175-2.382.175-4.034.175h-.134c-1.652%200-2.985%200-4.034-.175c-1.104-.184-1.99-.576-2.671-1.422c-.663-.823-.952-1.851-1.09-3.134C4%2015.753%204%2014.128%204%2012.046v-.094c0-2.081%200-3.706.137-4.971c.14-1.284.428-2.312%201.09-3.134c.682-.846%201.568-1.239%202.672-1.423M11.5%206.25a.75.75%200%200%200%200%201.5h1a.75.75%200%200%200%200-1.5zm.5%204a3.75%203.75%200%201%200%200%207.5a3.75%203.75%200%200%200%200-7.5%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M10.409%2012.409a2.25%202.25%200%201%201%203.182%203.183a2.25%202.25%200%200%201-3.182-3.183%22%2F%3E%3Cpath%20d%3D%22M7.899%202.425c1.049-.175%202.382-.175%204.034-.175h.134c1.652%200%202.985%200%204.034.175c1.104.184%201.99.577%202.671%201.423c.663.822.952%201.85%201.09%203.134C20%208.247%2020%209.872%2020%2011.953v.094c0%202.082%200%203.706-.137%204.971c-.14%201.284-.428%202.312-1.09%203.134c-.682.846-1.568%201.239-2.672%201.423c-1.049.175-2.382.175-4.034.175h-.134c-1.652%200-2.985%200-4.034-.175c-1.104-.184-1.99-.576-2.671-1.422c-.663-.823-.952-1.851-1.09-3.134C4%2015.753%204%2014.128%204%2012.046v-.094c0-2.081%200-3.706.137-4.971c.14-1.284.428-2.312%201.09-3.134c.682-.846%201.568-1.239%202.672-1.423M11.5%206.25a.75.75%200%200%200%200%201.5h1a.75.75%200%200%200%200-1.5zm.5%204a3.75%203.75%200%201%200%200%207.5a3.75%203.75%200%200%200%200-7.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mynaui/speaker-solid.svg?color=%231a73e8&size=48
