Podcast icon
fa-solid:podcast
The Podcast icon (fa-solid:podcast) is a free SVG icon from the Font Awesome 5 Solid set by Dave Gandy. It is drawn on a 448 × 512 grid. Font Awesome 5 Solid icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Font Awesome 5 Solid
- Author
- Dave Gandy
- License
- CC-BY-4.0
- Size
- 448 × 512
- Category
- Audio & Video
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="448" height="512" viewBox="0 0 448 512"><path fill="currentColor" d="M267.429 488.563C262.286 507.573 242.858 512 224 512c-18.857 0-38.286-4.427-43.428-23.437C172.927 460.134 160 388.898 160 355.75c0-35.156 31.142-43.75 64-43.75s64 8.594 64 43.75c0 32.949-12.871 104.179-20.571 132.813M156.867 288.554c-18.693-18.308-29.958-44.173-28.784-72.599c2.054-49.724 42.395-89.956 92.124-91.881C274.862 121.958 320 165.807 320 220c0 26.827-11.064 51.116-28.866 68.552c-2.675 2.62-2.401 6.986.628 9.187c9.312 6.765 16.46 15.343 21.234 25.363c1.741 3.654 6.497 4.66 9.449 1.891c28.826-27.043 46.553-65.783 45.511-108.565c-1.855-76.206-63.595-138.208-139.793-140.369C146.869 73.753 80 139.215 80 220c0 41.361 17.532 78.7 45.55 104.989c2.953 2.771 7.711 1.77 9.453-1.887c4.774-10.021 11.923-18.598 21.235-25.363c3.029-2.2 3.304-6.566.629-9.185M224 0C100.204 0 0 100.185 0 224c0 89.992 52.602 165.647 125.739 201.408c4.333 2.118 9.267-1.544 8.535-6.31c-2.382-15.512-4.342-30.946-5.406-44.339c-.146-1.836-1.149-3.486-2.678-4.512c-47.4-31.806-78.564-86.016-78.187-147.347c.592-96.237 79.29-174.648 175.529-174.899C320.793 47.747 400 126.797 400 224c0 61.932-32.158 116.49-80.65 147.867c-.999 14.037-3.069 30.588-5.624 47.23c-.732 4.767 4.203 8.429 8.535 6.31C395.227 389.727 448 314.187 448 224C448 100.205 347.815 0 224 0m0 160c-35.346 0-64 28.654-64 64s28.654 64 64 64s64-28.654 64-64s-28.654-64-64-64"/></svg>
How to use the Podcast icon
React
import { Icon } from "@iconify/react";
<Icon icon="fa-solid:podcast" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa-solid:podcast" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa-solid:podcast" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa-solid--podcast]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa-solid -->
<div class="i-fa-solid:podcast"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa-solid:podcast"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/fa-solid/podcast.svg" alt="Podcast icon" width="24" height="24">
Podcast icon in other icon sets
Podcast icon FAQ
Is the Podcast icon free for commercial use?
Yes. Font Awesome 5 Solid icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Podcast icon in React?
Install @iconify/react and render <Icon icon="fa-solid:podcast" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Podcast icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fa-solid/podcast.svg" alt="Podcast icon">, or paste the SVG code inline to style it with CSS.
Browse all Font Awesome 5 Solid icons →
ICONYZ
