music cast icon
music-cast-rounded from Material Symbols Light by Google · Rounded · Audio & Video · Apache-2.0 Free for personal and commercial use.
- Name
- music-cast-rounded
- Set
- Material Symbols Light
- Style
- Rounded
- Category
- Audio & Video
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- music-cast-outline-rounded
1 other variant in Material Symbols Light
The same icon in other sets
More audio & video icons from Material Symbols Light
Use the music cast icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.089 18.123q-.877-.877-.877-2.123t.877-2.123T14.212 13q.575 0 1.091.205t.909.614V5.5q0-.348.23-.578t.577-.23h3.27q.347 0 .577.23t.23.578v.692q0 .348-.23.578T20.29 7h-3.08v9q0 1.246-.876 2.123q-.877.877-2.123.877t-2.123-.877m-7.262-6.374q-.808 1.72-.911 3.682q-.012.233-.155.4T3.404 16q-.233 0-.366-.18t-.122-.414q.123-2.175 1.006-4.072q.884-1.897 2.315-3.328T9.555 5.7t4.062-.997q.233-.012.414.122t.18.366q0 .214-.168.357t-.4.155q-1.962.104-3.67.899T6.95 8.713T4.827 11.75m3.829 1.623q-.47.972-.562 2.095q-.036.233-.18.383t-.356.15t-.354-.168q-.14-.168-.129-.382q.098-1.33.647-2.474q.55-1.143 1.436-2.03t2.03-1.435t2.473-.647q.214-.012.382.128q.169.14.169.354t-.15.357t-.383.18q-1.123.092-2.092.558T9.87 11.654t-1.215 1.718"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightMusicCastRounded(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.089 18.123q-.877-.877-.877-2.123t.877-2.123T14.212 13q.575 0 1.091.205t.909.614V5.5q0-.348.23-.578t.577-.23h3.27q.347 0 .577.23t.23.578v.692q0 .348-.23.578T20.29 7h-3.08v9q0 1.246-.876 2.123q-.877.877-2.123.877t-2.123-.877m-7.262-6.374q-.808 1.72-.911 3.682q-.012.233-.155.4T3.404 16q-.233 0-.366-.18t-.122-.414q.123-2.175 1.006-4.072q.884-1.897 2.315-3.328T9.555 5.7t4.062-.997q.233-.012.414.122t.18.366q0 .214-.168.357t-.4.155q-1.962.104-3.67.899T6.95 8.713T4.827 11.75m3.829 1.623q-.47.972-.562 2.095q-.036.233-.18.383t-.356.15t-.354-.168q-.14-.168-.129-.382q.098-1.33.647-2.474q.55-1.143 1.436-2.03t2.03-1.435t2.473-.647q.214-.012.382.128q.169.14.169.354t-.15.357t-.383.18q-1.123.092-2.092.558T9.87 11.654t-1.215 1.718"/></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.089 18.123q-.877-.877-.877-2.123t.877-2.123T14.212 13q.575 0 1.091.205t.909.614V5.5q0-.348.23-.578t.577-.23h3.27q.347 0 .577.23t.23.578v.692q0 .348-.23.578T20.29 7h-3.08v9q0 1.246-.876 2.123q-.877.877-2.123.877t-2.123-.877m-7.262-6.374q-.808 1.72-.911 3.682q-.012.233-.155.4T3.404 16q-.233 0-.366-.18t-.122-.414q.123-2.175 1.006-4.072q.884-1.897 2.315-3.328T9.555 5.7t4.062-.997q.233-.012.414.122t.18.366q0 .214-.168.357t-.4.155q-1.962.104-3.67.899T6.95 8.713T4.827 11.75m3.829 1.623q-.47.972-.562 2.095q-.036.233-.18.383t-.356.15t-.354-.168q-.14-.168-.129-.382q.098-1.33.647-2.474q.55-1.143 1.436-2.03t2.03-1.435t2.473-.647q.214-.012.382.128q.169.14.169.354t-.15.357t-.383.18q-1.123.092-2.092.558T9.87 11.654t-1.215 1.718"/></svg> </template>
CSS
.icon-music-cast-rounded {
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.089%2018.123q-.877-.877-.877-2.123t.877-2.123T14.212%2013q.575%200%201.091.205t.909.614V5.5q0-.348.23-.578t.577-.23h3.27q.347%200%20.577.23t.23.578v.692q0%20.348-.23.578T20.29%207h-3.08v9q0%201.246-.876%202.123q-.877.877-2.123.877t-2.123-.877m-7.262-6.374q-.808%201.72-.911%203.682q-.012.233-.155.4T3.404%2016q-.233%200-.366-.18t-.122-.414q.123-2.175%201.006-4.072q.884-1.897%202.315-3.328T9.555%205.7t4.062-.997q.233-.012.414.122t.18.366q0%20.214-.168.357t-.4.155q-1.962.104-3.67.899T6.95%208.713T4.827%2011.75m3.829%201.623q-.47.972-.562%202.095q-.036.233-.18.383t-.356.15t-.354-.168q-.14-.168-.129-.382q.098-1.33.647-2.474q.55-1.143%201.436-2.03t2.03-1.435t2.473-.647q.214-.012.382.128q.169.14.169.354t-.15.357t-.383.18q-1.123.092-2.092.558T9.87%2011.654t-1.215%201.718%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.089%2018.123q-.877-.877-.877-2.123t.877-2.123T14.212%2013q.575%200%201.091.205t.909.614V5.5q0-.348.23-.578t.577-.23h3.27q.347%200%20.577.23t.23.578v.692q0%20.348-.23.578T20.29%207h-3.08v9q0%201.246-.876%202.123q-.877.877-2.123.877t-2.123-.877m-7.262-6.374q-.808%201.72-.911%203.682q-.012.233-.155.4T3.404%2016q-.233%200-.366-.18t-.122-.414q.123-2.175%201.006-4.072q.884-1.897%202.315-3.328T9.555%205.7t4.062-.997q.233-.012.414.122t.18.366q0%20.214-.168.357t-.4.155q-1.962.104-3.67.899T6.95%208.713T4.827%2011.75m3.829%201.623q-.47.972-.562%202.095q-.036.233-.18.383t-.356.15t-.354-.168q-.14-.168-.129-.382q.098-1.33.647-2.474q.55-1.143%201.436-2.03t2.03-1.435t2.473-.647q.214-.012.382.128q.169.14.169.354t-.15.357t-.383.18q-1.123.092-2.092.558T9.87%2011.654t-1.215%201.718%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/music-cast-rounded.svg?color=%231a73e8&size=48
