google podcasts logo

google-podcasts from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.

Name: google-podcasts
Set: CoreUI Brands
Style: Brand
Viewbox: 32×32
License: CC0 1.0

Related icons in CoreUI Brands

google-ads google-allo google-analytics google-chrome google-cloud google-keep google-pay google-play

Use the google podcasts logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M2 12.906a2 2 0 0 0-2 2v2.172c0 2.667 4 2.667 4 0v-2.172a2 2 0 0 0-2-2m28 0a2 2 0 0 0-2 2v2.172c0 2.667 4 2.667 4 0v-2.172a2 2 0 0 0-2-2M8.906 19.453a2 2 0 0 0-2 2v2.172c0 2.667 4 2.667 4 0v-2.156c0-1.109-.891-2-2-2zm0-13.094a2 2 0 0 0-2 2v7.146c0 2.667 4 2.667 4 0V8.349c0-1.109-.891-2-2-2zm14.188 0c-1.109 0-2 .896-2 2v2.188c0 2.667 4 2.667 4 0V8.359a2 2 0 0 0-2-2M16 0a2 2 0 0 0-2 2v2.172c0 2.667 4 2.667 4 0V2a2 2 0 0 0-2-2m0 25.813a2 2 0 0 0-2 2v2.188c-.01 2.667 3.99 2.682 4 .016v-2.188c0-1.094-.896-2-2-2zm7.094-11.282c-1.109 0-2 .906-2 2v7.109c0 2.667 4 2.667 4 0v-7.109a2 2 0 0 0-2-2M16 8.172c-1.104 0-2 .906-2 2v11.641c0 2.667 4 2.667 4 0V10.188c0-1.109-.896-2-2-2z"/></svg>

React

import type { SVGProps } from "react";

export function CibGooglePodcasts(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M2 12.906a2 2 0 0 0-2 2v2.172c0 2.667 4 2.667 4 0v-2.172a2 2 0 0 0-2-2m28 0a2 2 0 0 0-2 2v2.172c0 2.667 4 2.667 4 0v-2.172a2 2 0 0 0-2-2M8.906 19.453a2 2 0 0 0-2 2v2.172c0 2.667 4 2.667 4 0v-2.156c0-1.109-.891-2-2-2zm0-13.094a2 2 0 0 0-2 2v7.146c0 2.667 4 2.667 4 0V8.349c0-1.109-.891-2-2-2zm14.188 0c-1.109 0-2 .896-2 2v2.188c0 2.667 4 2.667 4 0V8.359a2 2 0 0 0-2-2M16 0a2 2 0 0 0-2 2v2.172c0 2.667 4 2.667 4 0V2a2 2 0 0 0-2-2m0 25.813a2 2 0 0 0-2 2v2.188c-.01 2.667 3.99 2.682 4 .016v-2.188c0-1.094-.896-2-2-2zm7.094-11.282c-1.109 0-2 .906-2 2v7.109c0 2.667 4 2.667 4 0v-7.109a2 2 0 0 0-2-2M16 8.172c-1.104 0-2 .906-2 2v11.641c0 2.667 4 2.667 4 0V10.188c0-1.109-.896-2-2-2z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M2 12.906a2 2 0 0 0-2 2v2.172c0 2.667 4 2.667 4 0v-2.172a2 2 0 0 0-2-2m28 0a2 2 0 0 0-2 2v2.172c0 2.667 4 2.667 4 0v-2.172a2 2 0 0 0-2-2M8.906 19.453a2 2 0 0 0-2 2v2.172c0 2.667 4 2.667 4 0v-2.156c0-1.109-.891-2-2-2zm0-13.094a2 2 0 0 0-2 2v7.146c0 2.667 4 2.667 4 0V8.349c0-1.109-.891-2-2-2zm14.188 0c-1.109 0-2 .896-2 2v2.188c0 2.667 4 2.667 4 0V8.359a2 2 0 0 0-2-2M16 0a2 2 0 0 0-2 2v2.172c0 2.667 4 2.667 4 0V2a2 2 0 0 0-2-2m0 25.813a2 2 0 0 0-2 2v2.188c-.01 2.667 3.99 2.682 4 .016v-2.188c0-1.094-.896-2-2-2zm7.094-11.282c-1.109 0-2 .906-2 2v7.109c0 2.667 4 2.667 4 0v-7.109a2 2 0 0 0-2-2M16 8.172c-1.104 0-2 .906-2 2v11.641c0 2.667 4 2.667 4 0V10.188c0-1.109-.896-2-2-2z"/></svg>
</template>

CSS

.icon-google-podcasts {
  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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2%2012.906a2%202%200%200%200-2%202v2.172c0%202.667%204%202.667%204%200v-2.172a2%202%200%200%200-2-2m28%200a2%202%200%200%200-2%202v2.172c0%202.667%204%202.667%204%200v-2.172a2%202%200%200%200-2-2M8.906%2019.453a2%202%200%200%200-2%202v2.172c0%202.667%204%202.667%204%200v-2.156c0-1.109-.891-2-2-2zm0-13.094a2%202%200%200%200-2%202v7.146c0%202.667%204%202.667%204%200V8.349c0-1.109-.891-2-2-2zm14.188%200c-1.109%200-2%20.896-2%202v2.188c0%202.667%204%202.667%204%200V8.359a2%202%200%200%200-2-2M16%200a2%202%200%200%200-2%202v2.172c0%202.667%204%202.667%204%200V2a2%202%200%200%200-2-2m0%2025.813a2%202%200%200%200-2%202v2.188c-.01%202.667%203.99%202.682%204%20.016v-2.188c0-1.094-.896-2-2-2zm7.094-11.282c-1.109%200-2%20.906-2%202v7.109c0%202.667%204%202.667%204%200v-7.109a2%202%200%200%200-2-2M16%208.172c-1.104%200-2%20.906-2%202v11.641c0%202.667%204%202.667%204%200V10.188c0-1.109-.896-2-2-2z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2%2012.906a2%202%200%200%200-2%202v2.172c0%202.667%204%202.667%204%200v-2.172a2%202%200%200%200-2-2m28%200a2%202%200%200%200-2%202v2.172c0%202.667%204%202.667%204%200v-2.172a2%202%200%200%200-2-2M8.906%2019.453a2%202%200%200%200-2%202v2.172c0%202.667%204%202.667%204%200v-2.156c0-1.109-.891-2-2-2zm0-13.094a2%202%200%200%200-2%202v7.146c0%202.667%204%202.667%204%200V8.349c0-1.109-.891-2-2-2zm14.188%200c-1.109%200-2%20.896-2%202v2.188c0%202.667%204%202.667%204%200V8.359a2%202%200%200%200-2-2M16%200a2%202%200%200%200-2%202v2.172c0%202.667%204%202.667%204%200V2a2%202%200%200%200-2-2m0%2025.813a2%202%200%200%200-2%202v2.188c-.01%202.667%203.99%202.682%204%20.016v-2.188c0-1.094-.896-2-2-2zm7.094-11.282c-1.109%200-2%20.906-2%202v7.109c0%202.667%204%202.667%204%200v-7.109a2%202%200%200%200-2-2M16%208.172c-1.104%200-2%20.906-2%202v11.641c0%202.667%204%202.667%204%200V10.188c0-1.109-.896-2-2-2z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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