Podcast icon
el:podcast
The Podcast icon (el:podcast) is a free SVG icon from the Elusive Icons set by Team Redux. It is drawn on a 1200 × 1200 grid. Elusive Icons are released under the Open Font License, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Elusive Icons
- Author
- Team Redux
- License
- OFL-1.1
- Size
- 1200 × 1200
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="1200" viewBox="0 0 1200 1200"><path fill="currentColor" d="M600 17.653c-331.358 0-600 268.642-600 600c0 254.238 158.227 471.312 381.507 558.643v-52.858c-195.6-84.58-332.482-279.088-332.482-505.783c0-304.348 246.629-551.18 550.975-551.18s550.975 246.832 550.975 551.177c0 226.697-136.882 421.205-332.48 505.785v52.857C1041.866 1089.01 1200 871.957 1200 617.653c0-331.358-268.642-600-600-600m-.202 119.032c-226.008 0-409.146 183.34-409.146 409.348c0 152.788 83.745 285.819 207.801 356.086v-43.78c-102.395-66.167-170.275-181.276-170.275-312.306c0-205.298 166.323-371.823 371.62-371.823c205.298 0 371.823 166.525 371.823 371.823c0 131.03-68.023 246.139-170.479 312.307v43.779c124.115-70.268 208.002-203.3 208.002-356.086c.002-226.01-183.338-409.348-409.346-409.348M600 269.233c-135.062 0-244.52 109.456-244.52 244.52c0 68.818 28.502 130.89 74.244 175.318v-57.498c-23.163-33.464-36.719-74.054-36.719-117.82c0-114.354 92.639-206.994 206.994-206.994c114.354 0 207.195 92.639 207.195 206.994c0 43.767-13.52 84.355-36.719 117.82v57.297c45.622-44.416 74.042-106.4 74.042-175.117c.003-135.064-109.455-244.52-244.517-244.52m0 127.506c-64.605 0-117.014 52.408-117.014 117.015c0 64.605 52.408 116.81 117.014 116.81s117.014-52.206 117.014-116.812S664.605 396.739 600 396.739m0 264.089c-140.271 0-142.031 51.646-142.031 51.646s-.54 150.783 12.105 229.59c12.645 78.809 65.366 240.283 65.366 240.283h129.12s52.741-162.076 65.366-240.89s12.105-228.983 12.105-228.983s-1.76-51.646-142.031-51.646"/></svg>
How to use the Podcast icon
React
import { Icon } from "@iconify/react";
<Icon icon="el:podcast" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="el:podcast" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="el:podcast" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[el--podcast]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/el -->
<div class="i-el:podcast"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="el:podcast"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/el/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. Elusive Icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Podcast icon in React?
Install @iconify/react and render <Icon icon="el: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/el/podcast.svg" alt="Podcast icon">, or paste the SVG code inline to style it with CSS.
Browse all Elusive Icons →
ICONYZ
