podcasts app icon

podcasts-app from Material Symbols by Google · Regular · Apache-2.0 Free for personal and commercial use.

Name
podcasts-app
Set
Material Symbols
Style
Regular
Viewbox
24×24
License
Apache 2.0

Use the podcasts app icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 16q-.425 0-.712-.288Q11 15.425 11 15V9q0-.425.288-.713Q11.575 8 12 8t.713.287Q13 8.575 13 9v6q0 .425-.287.712Q12.425 16 12 16Zm0-10q-.425 0-.712-.287Q11 5.425 11 5V3q0-.425.288-.713Q11.575 2 12 2t.713.287Q13 2.575 13 3v2q0 .425-.287.713Q12.425 6 12 6Zm-4.5 7q-.425 0-.713-.288Q6.5 12.425 6.5 12V8q0-.425.287-.713Q7.075 7 7.5 7t.713.287Q8.5 7.575 8.5 8v4q0 .425-.287.712Q7.925 13 7.5 13Zm9 4q-.425 0-.713-.288q-.287-.287-.287-.712v-4q0-.425.287-.713q.288-.287.713-.287t.712.287q.288.288.288.713v4q0 .425-.288.712q-.287.288-.712.288ZM12 22q-.425 0-.712-.288Q11 21.425 11 21v-2q0-.425.288-.712Q11.575 18 12 18t.713.288Q13 18.575 13 19v2q0 .425-.287.712Q12.425 22 12 22Zm-9-8q-.425 0-.712-.288Q2 13.425 2 13v-2q0-.425.288-.713Q2.575 10 3 10t.713.287Q4 10.575 4 11v2q0 .425-.287.712Q3.425 14 3 14Zm4.5 4q-.425 0-.713-.288Q6.5 17.425 6.5 17v-2q0-.425.287-.713Q7.075 14 7.5 14t.713.287q.287.288.287.713v2q0 .425-.287.712Q7.925 18 7.5 18Zm9-8q-.425 0-.713-.288Q15.5 9.425 15.5 9V7q0-.425.287-.713Q16.075 6 16.5 6t.712.287q.288.288.288.713v2q0 .425-.288.712q-.287.288-.712.288Zm4.5 4q-.425 0-.712-.288Q20 13.425 20 13v-2q0-.425.288-.713Q20.575 10 21 10t.712.287Q22 10.575 22 11v2q0 .425-.288.712Q21.425 14 21 14Z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsPodcastsApp(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 16q-.425 0-.712-.288Q11 15.425 11 15V9q0-.425.288-.713Q11.575 8 12 8t.713.287Q13 8.575 13 9v6q0 .425-.287.712Q12.425 16 12 16Zm0-10q-.425 0-.712-.287Q11 5.425 11 5V3q0-.425.288-.713Q11.575 2 12 2t.713.287Q13 2.575 13 3v2q0 .425-.287.713Q12.425 6 12 6Zm-4.5 7q-.425 0-.713-.288Q6.5 12.425 6.5 12V8q0-.425.287-.713Q7.075 7 7.5 7t.713.287Q8.5 7.575 8.5 8v4q0 .425-.287.712Q7.925 13 7.5 13Zm9 4q-.425 0-.713-.288q-.287-.287-.287-.712v-4q0-.425.287-.713q.288-.287.713-.287t.712.287q.288.288.288.713v4q0 .425-.288.712q-.287.288-.712.288ZM12 22q-.425 0-.712-.288Q11 21.425 11 21v-2q0-.425.288-.712Q11.575 18 12 18t.713.288Q13 18.575 13 19v2q0 .425-.287.712Q12.425 22 12 22Zm-9-8q-.425 0-.712-.288Q2 13.425 2 13v-2q0-.425.288-.713Q2.575 10 3 10t.713.287Q4 10.575 4 11v2q0 .425-.287.712Q3.425 14 3 14Zm4.5 4q-.425 0-.713-.288Q6.5 17.425 6.5 17v-2q0-.425.287-.713Q7.075 14 7.5 14t.713.287q.287.288.287.713v2q0 .425-.287.712Q7.925 18 7.5 18Zm9-8q-.425 0-.713-.288Q15.5 9.425 15.5 9V7q0-.425.287-.713Q16.075 6 16.5 6t.712.287q.288.288.288.713v2q0 .425-.288.712q-.287.288-.712.288Zm4.5 4q-.425 0-.712-.288Q20 13.425 20 13v-2q0-.425.288-.713Q20.575 10 21 10t.712.287Q22 10.575 22 11v2q0 .425-.288.712Q21.425 14 21 14Z"/></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 16q-.425 0-.712-.288Q11 15.425 11 15V9q0-.425.288-.713Q11.575 8 12 8t.713.287Q13 8.575 13 9v6q0 .425-.287.712Q12.425 16 12 16Zm0-10q-.425 0-.712-.287Q11 5.425 11 5V3q0-.425.288-.713Q11.575 2 12 2t.713.287Q13 2.575 13 3v2q0 .425-.287.713Q12.425 6 12 6Zm-4.5 7q-.425 0-.713-.288Q6.5 12.425 6.5 12V8q0-.425.287-.713Q7.075 7 7.5 7t.713.287Q8.5 7.575 8.5 8v4q0 .425-.287.712Q7.925 13 7.5 13Zm9 4q-.425 0-.713-.288q-.287-.287-.287-.712v-4q0-.425.287-.713q.288-.287.713-.287t.712.287q.288.288.288.713v4q0 .425-.288.712q-.287.288-.712.288ZM12 22q-.425 0-.712-.288Q11 21.425 11 21v-2q0-.425.288-.712Q11.575 18 12 18t.713.288Q13 18.575 13 19v2q0 .425-.287.712Q12.425 22 12 22Zm-9-8q-.425 0-.712-.288Q2 13.425 2 13v-2q0-.425.288-.713Q2.575 10 3 10t.713.287Q4 10.575 4 11v2q0 .425-.287.712Q3.425 14 3 14Zm4.5 4q-.425 0-.713-.288Q6.5 17.425 6.5 17v-2q0-.425.287-.713Q7.075 14 7.5 14t.713.287q.287.288.287.713v2q0 .425-.287.712Q7.925 18 7.5 18Zm9-8q-.425 0-.713-.288Q15.5 9.425 15.5 9V7q0-.425.287-.713Q16.075 6 16.5 6t.712.287q.288.288.288.713v2q0 .425-.288.712q-.287.288-.712.288Zm4.5 4q-.425 0-.712-.288Q20 13.425 20 13v-2q0-.425.288-.713Q20.575 10 21 10t.712.287Q22 10.575 22 11v2q0 .425-.288.712Q21.425 14 21 14Z"/></svg>
</template>

CSS

.icon-podcasts-app {
  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%2016q-.425%200-.712-.288Q11%2015.425%2011%2015V9q0-.425.288-.713Q11.575%208%2012%208t.713.287Q13%208.575%2013%209v6q0%20.425-.287.712Q12.425%2016%2012%2016Zm0-10q-.425%200-.712-.287Q11%205.425%2011%205V3q0-.425.288-.713Q11.575%202%2012%202t.713.287Q13%202.575%2013%203v2q0%20.425-.287.713Q12.425%206%2012%206Zm-4.5%207q-.425%200-.713-.288Q6.5%2012.425%206.5%2012V8q0-.425.287-.713Q7.075%207%207.5%207t.713.287Q8.5%207.575%208.5%208v4q0%20.425-.287.712Q7.925%2013%207.5%2013Zm9%204q-.425%200-.713-.288q-.287-.287-.287-.712v-4q0-.425.287-.713q.288-.287.713-.287t.712.287q.288.288.288.713v4q0%20.425-.288.712q-.287.288-.712.288ZM12%2022q-.425%200-.712-.288Q11%2021.425%2011%2021v-2q0-.425.288-.712Q11.575%2018%2012%2018t.713.288Q13%2018.575%2013%2019v2q0%20.425-.287.712Q12.425%2022%2012%2022Zm-9-8q-.425%200-.712-.288Q2%2013.425%202%2013v-2q0-.425.288-.713Q2.575%2010%203%2010t.713.287Q4%2010.575%204%2011v2q0%20.425-.287.712Q3.425%2014%203%2014Zm4.5%204q-.425%200-.713-.288Q6.5%2017.425%206.5%2017v-2q0-.425.287-.713Q7.075%2014%207.5%2014t.713.287q.287.288.287.713v2q0%20.425-.287.712Q7.925%2018%207.5%2018Zm9-8q-.425%200-.713-.288Q15.5%209.425%2015.5%209V7q0-.425.287-.713Q16.075%206%2016.5%206t.712.287q.288.288.288.713v2q0%20.425-.288.712q-.287.288-.712.288Zm4.5%204q-.425%200-.712-.288Q20%2013.425%2020%2013v-2q0-.425.288-.713Q20.575%2010%2021%2010t.712.287Q22%2010.575%2022%2011v2q0%20.425-.288.712Q21.425%2014%2021%2014Z%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%2016q-.425%200-.712-.288Q11%2015.425%2011%2015V9q0-.425.288-.713Q11.575%208%2012%208t.713.287Q13%208.575%2013%209v6q0%20.425-.287.712Q12.425%2016%2012%2016Zm0-10q-.425%200-.712-.287Q11%205.425%2011%205V3q0-.425.288-.713Q11.575%202%2012%202t.713.287Q13%202.575%2013%203v2q0%20.425-.287.713Q12.425%206%2012%206Zm-4.5%207q-.425%200-.713-.288Q6.5%2012.425%206.5%2012V8q0-.425.287-.713Q7.075%207%207.5%207t.713.287Q8.5%207.575%208.5%208v4q0%20.425-.287.712Q7.925%2013%207.5%2013Zm9%204q-.425%200-.713-.288q-.287-.287-.287-.712v-4q0-.425.287-.713q.288-.287.713-.287t.712.287q.288.288.288.713v4q0%20.425-.288.712q-.287.288-.712.288ZM12%2022q-.425%200-.712-.288Q11%2021.425%2011%2021v-2q0-.425.288-.712Q11.575%2018%2012%2018t.713.288Q13%2018.575%2013%2019v2q0%20.425-.287.712Q12.425%2022%2012%2022Zm-9-8q-.425%200-.712-.288Q2%2013.425%202%2013v-2q0-.425.288-.713Q2.575%2010%203%2010t.713.287Q4%2010.575%204%2011v2q0%20.425-.287.712Q3.425%2014%203%2014Zm4.5%204q-.425%200-.713-.288Q6.5%2017.425%206.5%2017v-2q0-.425.287-.713Q7.075%2014%207.5%2014t.713.287q.287.288.287.713v2q0%20.425-.287.712Q7.925%2018%207.5%2018Zm9-8q-.425%200-.713-.288Q15.5%209.425%2015.5%209V7q0-.425.287-.713Q16.075%206%2016.5%206t.712.287q.288.288.288.713v2q0%20.425-.288.712q-.287.288-.712.288Zm4.5%204q-.425%200-.712-.288Q20%2013.425%2020%2013v-2q0-.425.288-.713Q20.575%2010%2021%2010t.712.287Q22%2010.575%2022%2011v2q0%20.425-.288.712Q21.425%2014%2021%2014Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/podcasts-app.svg?color=%231a73e8&size=48