podcast icon

podcast from Font Awesome Solid by Dave Gandy · Solid · Audio & Video · CC-BY-4.0 Attribution required.

Name: podcast
Set: Font Awesome Solid
Style: Solid
Category: Audio & Video
Viewbox: 640×640
License: CC BY 4.0

The same icon in other sets

podcastBoxIcons v2 podcastFont Awesome 6 Solid podcastHuge Icons podcastIconoir podcastJam Icons podcastLine Awesome podcastLucide podcastMaterial Design Icons podcast-boldSolar

More audio & video icons from Font Awesome Solid

Use the podcast icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M432 423.8c39.1-32.3 64-81.1 64-135.8c0-97.2-78.8-176-176-176s-176 78.8-176 176c0 54.7 24.9 103.5 64 135.8c.4 17.6 3.2 40.4 6.4 61.8C144 447.9 96 373.5 96 288C96 164.3 196.3 64 320 64s224 100.3 224 224c0 85.6-48 159.9-118.5 197.6c3.3-21.4 6-44.2 6.4-61.8zm-14-53.4c-8.3-12.6-19.2-21.6-30.4-27.8c-2.1-1.1-4.2-2.2-6.3-3.2c11.7-13.9 18.8-31.9 18.8-51.5c0-44.2-35.8-80-80-80s-80 35.8-80 80c0 19.6 7.1 37.6 18.8 51.5c-2.1 1-4.2 2-6.3 3.2c-11.2 6.2-22.1 15.2-30.4 27.8c-18.8-22.3-30.1-51-30.1-82.4c0-70.7 57.3-128 128-128s128 57.3 128 128c0 31.4-11.3 60.2-30.1 82.4m-98 5.6c32.9 0 64 8.6 64 43.8c0 33-12.9 104.1-20.6 132.9c-5.1 19-24.5 23.4-43.4 23.4s-38.2-4.4-43.4-23.4C268.8 524.2 256 453 256 419.9c0-35.1 31.1-43.8 64-43.8zm0-128c22.1 0 40 17.9 40 40s-17.9 40-40 40s-40-17.9-40-40s17.9-40 40-40"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidPodcast(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M432 423.8c39.1-32.3 64-81.1 64-135.8c0-97.2-78.8-176-176-176s-176 78.8-176 176c0 54.7 24.9 103.5 64 135.8c.4 17.6 3.2 40.4 6.4 61.8C144 447.9 96 373.5 96 288C96 164.3 196.3 64 320 64s224 100.3 224 224c0 85.6-48 159.9-118.5 197.6c3.3-21.4 6-44.2 6.4-61.8zm-14-53.4c-8.3-12.6-19.2-21.6-30.4-27.8c-2.1-1.1-4.2-2.2-6.3-3.2c11.7-13.9 18.8-31.9 18.8-51.5c0-44.2-35.8-80-80-80s-80 35.8-80 80c0 19.6 7.1 37.6 18.8 51.5c-2.1 1-4.2 2-6.3 3.2c-11.2 6.2-22.1 15.2-30.4 27.8c-18.8-22.3-30.1-51-30.1-82.4c0-70.7 57.3-128 128-128s128 57.3 128 128c0 31.4-11.3 60.2-30.1 82.4m-98 5.6c32.9 0 64 8.6 64 43.8c0 33-12.9 104.1-20.6 132.9c-5.1 19-24.5 23.4-43.4 23.4s-38.2-4.4-43.4-23.4C268.8 524.2 256 453 256 419.9c0-35.1 31.1-43.8 64-43.8zm0-128c22.1 0 40 17.9 40 40s-17.9 40-40 40s-40-17.9-40-40s17.9-40 40-40"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M432 423.8c39.1-32.3 64-81.1 64-135.8c0-97.2-78.8-176-176-176s-176 78.8-176 176c0 54.7 24.9 103.5 64 135.8c.4 17.6 3.2 40.4 6.4 61.8C144 447.9 96 373.5 96 288C96 164.3 196.3 64 320 64s224 100.3 224 224c0 85.6-48 159.9-118.5 197.6c3.3-21.4 6-44.2 6.4-61.8zm-14-53.4c-8.3-12.6-19.2-21.6-30.4-27.8c-2.1-1.1-4.2-2.2-6.3-3.2c11.7-13.9 18.8-31.9 18.8-51.5c0-44.2-35.8-80-80-80s-80 35.8-80 80c0 19.6 7.1 37.6 18.8 51.5c-2.1 1-4.2 2-6.3 3.2c-11.2 6.2-22.1 15.2-30.4 27.8c-18.8-22.3-30.1-51-30.1-82.4c0-70.7 57.3-128 128-128s128 57.3 128 128c0 31.4-11.3 60.2-30.1 82.4m-98 5.6c32.9 0 64 8.6 64 43.8c0 33-12.9 104.1-20.6 132.9c-5.1 19-24.5 23.4-43.4 23.4s-38.2-4.4-43.4-23.4C268.8 524.2 256 453 256 419.9c0-35.1 31.1-43.8 64-43.8zm0-128c22.1 0 40 17.9 40 40s-17.9 40-40 40s-40-17.9-40-40s17.9-40 40-40"/></svg>
</template>

CSS

.icon-podcast {
  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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M432%20423.8c39.1-32.3%2064-81.1%2064-135.8c0-97.2-78.8-176-176-176s-176%2078.8-176%20176c0%2054.7%2024.9%20103.5%2064%20135.8c.4%2017.6%203.2%2040.4%206.4%2061.8C144%20447.9%2096%20373.5%2096%20288C96%20164.3%20196.3%2064%20320%2064s224%20100.3%20224%20224c0%2085.6-48%20159.9-118.5%20197.6c3.3-21.4%206-44.2%206.4-61.8zm-14-53.4c-8.3-12.6-19.2-21.6-30.4-27.8c-2.1-1.1-4.2-2.2-6.3-3.2c11.7-13.9%2018.8-31.9%2018.8-51.5c0-44.2-35.8-80-80-80s-80%2035.8-80%2080c0%2019.6%207.1%2037.6%2018.8%2051.5c-2.1%201-4.2%202-6.3%203.2c-11.2%206.2-22.1%2015.2-30.4%2027.8c-18.8-22.3-30.1-51-30.1-82.4c0-70.7%2057.3-128%20128-128s128%2057.3%20128%20128c0%2031.4-11.3%2060.2-30.1%2082.4m-98%205.6c32.9%200%2064%208.6%2064%2043.8c0%2033-12.9%20104.1-20.6%20132.9c-5.1%2019-24.5%2023.4-43.4%2023.4s-38.2-4.4-43.4-23.4C268.8%20524.2%20256%20453%20256%20419.9c0-35.1%2031.1-43.8%2064-43.8zm0-128c22.1%200%2040%2017.9%2040%2040s-17.9%2040-40%2040s-40-17.9-40-40s17.9-40%2040-40%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M432%20423.8c39.1-32.3%2064-81.1%2064-135.8c0-97.2-78.8-176-176-176s-176%2078.8-176%20176c0%2054.7%2024.9%20103.5%2064%20135.8c.4%2017.6%203.2%2040.4%206.4%2061.8C144%20447.9%2096%20373.5%2096%20288C96%20164.3%20196.3%2064%20320%2064s224%20100.3%20224%20224c0%2085.6-48%20159.9-118.5%20197.6c3.3-21.4%206-44.2%206.4-61.8zm-14-53.4c-8.3-12.6-19.2-21.6-30.4-27.8c-2.1-1.1-4.2-2.2-6.3-3.2c11.7-13.9%2018.8-31.9%2018.8-51.5c0-44.2-35.8-80-80-80s-80%2035.8-80%2080c0%2019.6%207.1%2037.6%2018.8%2051.5c-2.1%201-4.2%202-6.3%203.2c-11.2%206.2-22.1%2015.2-30.4%2027.8c-18.8-22.3-30.1-51-30.1-82.4c0-70.7%2057.3-128%20128-128s128%2057.3%20128%20128c0%2031.4-11.3%2060.2-30.1%2082.4m-98%205.6c32.9%200%2064%208.6%2064%2043.8c0%2033-12.9%20104.1-20.6%20132.9c-5.1%2019-24.5%2023.4-43.4%2023.4s-38.2-4.4-43.4-23.4C268.8%20524.2%20256%20453%20256%20419.9c0-35.1%2031.1-43.8%2064-43.8zm0-128c22.1%200%2040%2017.9%2040%2040s-17.9%2040-40%2040s-40-17.9-40-40s17.9-40%2040-40%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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