Icono Podcast
el:podcast
El icono Podcast (el:podcast) es un icono SVG gratuito de la colección Elusive Icons de Team Redux. Está dibujado en una cuadrícula de 1200 × 1200. Elusive Icons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Elusive Icons
- Autor
- Team Redux
- Licencia
- OFL-1.1
- Tamaño
- 1200 × 1200
Código SVG
<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>
Cómo usar el icono Podcast
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>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/el/podcast.svg" alt="Icono Podcast" width="24" height="24">
El icono Podcast en otras colecciones
Preguntas frecuentes sobre Icono Podcast
¿El icono Podcast es gratis para uso comercial?
Sí. Elusive Icons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Podcast en React?
Instala @iconify/react y renderiza <Icon icon="el:podcast" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Podcast a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/el/podcast.svg" alt="Icono Podcast">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Elusive Icons →
ICONYZ
