apple podcasts logo icon
apple-podcasts-logo-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.
- Name
- apple-podcasts-logo-light
- Set
- Phosphor
- Style
- Light
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
Related icons in Phosphor
Use the apple podcasts logo icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M151 139.2a30 30 0 1 0-46.06 0a22.14 22.14 0 0 0-10.35 7.39a21.68 21.68 0 0 0-3.94 18.77l12.18 48A22.17 22.17 0 0 0 124.44 230h7.12a22.17 22.17 0 0 0 21.58-16.64l12.18-48a21.68 21.68 0 0 0-3.94-18.77A22.14 22.14 0 0 0 151 139.2M128 102a18 18 0 1 1-18 18a18 18 0 0 1 18-18m25.69 60.4l-12.18 48a10.19 10.19 0 0 1-9.95 7.6h-7.12a10.19 10.19 0 0 1-10-7.6l-12.18-48a9.75 9.75 0 0 1 1.78-8.44a10.25 10.25 0 0 1 8.16-4h31.5a10.25 10.25 0 0 1 8.16 4a9.75 9.75 0 0 1 1.83 8.44M186 128a58 58 0 1 0-113.89 15.58a6 6 0 0 1-11.56 3.21a70 70 0 1 1 134.9 0a6 6 0 0 1-11.56-3.21A58.3 58.3 0 0 0 186 128m44 0a101.91 101.91 0 0 1-45.29 84.79a6 6 0 1 1-6.68-10a90 90 0 1 0-100.06 0a6 6 0 0 1-6.68 10A102 102 0 1 1 230 128"/></svg>
React
import type { SVGProps } from "react";
export function PhApplePodcastsLogoLight(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M151 139.2a30 30 0 1 0-46.06 0a22.14 22.14 0 0 0-10.35 7.39a21.68 21.68 0 0 0-3.94 18.77l12.18 48A22.17 22.17 0 0 0 124.44 230h7.12a22.17 22.17 0 0 0 21.58-16.64l12.18-48a21.68 21.68 0 0 0-3.94-18.77A22.14 22.14 0 0 0 151 139.2M128 102a18 18 0 1 1-18 18a18 18 0 0 1 18-18m25.69 60.4l-12.18 48a10.19 10.19 0 0 1-9.95 7.6h-7.12a10.19 10.19 0 0 1-10-7.6l-12.18-48a9.75 9.75 0 0 1 1.78-8.44a10.25 10.25 0 0 1 8.16-4h31.5a10.25 10.25 0 0 1 8.16 4a9.75 9.75 0 0 1 1.83 8.44M186 128a58 58 0 1 0-113.89 15.58a6 6 0 0 1-11.56 3.21a70 70 0 1 1 134.9 0a6 6 0 0 1-11.56-3.21A58.3 58.3 0 0 0 186 128m44 0a101.91 101.91 0 0 1-45.29 84.79a6 6 0 1 1-6.68-10a90 90 0 1 0-100.06 0a6 6 0 0 1-6.68 10A102 102 0 1 1 230 128"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M151 139.2a30 30 0 1 0-46.06 0a22.14 22.14 0 0 0-10.35 7.39a21.68 21.68 0 0 0-3.94 18.77l12.18 48A22.17 22.17 0 0 0 124.44 230h7.12a22.17 22.17 0 0 0 21.58-16.64l12.18-48a21.68 21.68 0 0 0-3.94-18.77A22.14 22.14 0 0 0 151 139.2M128 102a18 18 0 1 1-18 18a18 18 0 0 1 18-18m25.69 60.4l-12.18 48a10.19 10.19 0 0 1-9.95 7.6h-7.12a10.19 10.19 0 0 1-10-7.6l-12.18-48a9.75 9.75 0 0 1 1.78-8.44a10.25 10.25 0 0 1 8.16-4h31.5a10.25 10.25 0 0 1 8.16 4a9.75 9.75 0 0 1 1.83 8.44M186 128a58 58 0 1 0-113.89 15.58a6 6 0 0 1-11.56 3.21a70 70 0 1 1 134.9 0a6 6 0 0 1-11.56-3.21A58.3 58.3 0 0 0 186 128m44 0a101.91 101.91 0 0 1-45.29 84.79a6 6 0 1 1-6.68-10a90 90 0 1 0-100.06 0a6 6 0 0 1-6.68 10A102 102 0 1 1 230 128"/></svg> </template>
CSS
.icon-apple-podcasts-logo-light {
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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M151%20139.2a30%2030%200%201%200-46.06%200a22.14%2022.14%200%200%200-10.35%207.39a21.68%2021.68%200%200%200-3.94%2018.77l12.18%2048A22.17%2022.17%200%200%200%20124.44%20230h7.12a22.17%2022.17%200%200%200%2021.58-16.64l12.18-48a21.68%2021.68%200%200%200-3.94-18.77A22.14%2022.14%200%200%200%20151%20139.2M128%20102a18%2018%200%201%201-18%2018a18%2018%200%200%201%2018-18m25.69%2060.4l-12.18%2048a10.19%2010.19%200%200%201-9.95%207.6h-7.12a10.19%2010.19%200%200%201-10-7.6l-12.18-48a9.75%209.75%200%200%201%201.78-8.44a10.25%2010.25%200%200%201%208.16-4h31.5a10.25%2010.25%200%200%201%208.16%204a9.75%209.75%200%200%201%201.83%208.44M186%20128a58%2058%200%201%200-113.89%2015.58a6%206%200%200%201-11.56%203.21a70%2070%200%201%201%20134.9%200a6%206%200%200%201-11.56-3.21A58.3%2058.3%200%200%200%20186%20128m44%200a101.91%20101.91%200%200%201-45.29%2084.79a6%206%200%201%201-6.68-10a90%2090%200%201%200-100.06%200a6%206%200%200%201-6.68%2010A102%20102%200%201%201%20230%20128%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M151%20139.2a30%2030%200%201%200-46.06%200a22.14%2022.14%200%200%200-10.35%207.39a21.68%2021.68%200%200%200-3.94%2018.77l12.18%2048A22.17%2022.17%200%200%200%20124.44%20230h7.12a22.17%2022.17%200%200%200%2021.58-16.64l12.18-48a21.68%2021.68%200%200%200-3.94-18.77A22.14%2022.14%200%200%200%20151%20139.2M128%20102a18%2018%200%201%201-18%2018a18%2018%200%200%201%2018-18m25.69%2060.4l-12.18%2048a10.19%2010.19%200%200%201-9.95%207.6h-7.12a10.19%2010.19%200%200%201-10-7.6l-12.18-48a9.75%209.75%200%200%201%201.78-8.44a10.25%2010.25%200%200%201%208.16-4h31.5a10.25%2010.25%200%200%201%208.16%204a9.75%209.75%200%200%201%201.83%208.44M186%20128a58%2058%200%201%200-113.89%2015.58a6%206%200%200%201-11.56%203.21a70%2070%200%201%201%20134.9%200a6%206%200%200%201-11.56-3.21A58.3%2058.3%200%200%200%20186%20128m44%200a101.91%20101.91%200%200%201-45.29%2084.79a6%206%200%201%201-6.68-10a90%2090%200%201%200-100.06%200a6%206%200%200%201-6.68%2010A102%20102%200%201%201%20230%20128%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/apple-podcasts-logo-light.svg?color=%231a73e8&size=48
