podio logo

podio from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
podio
Set
SVG Logos
Style
Color
Viewbox
256×303
License
CC0

Use the podio logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 303"><path d="M219.773 37.656c-50.013-50.01-131.28-50.212-181.55-.576l-.59.587c-50.19 50.218-50.174 131.91.03 182.109l77.545 77.531a17.268 17.268 0 0 0 12.254 5.073c4.433 0 8.879-1.686 12.262-5.073c6.761-6.77 6.761-17.748 0-24.515l-77.557-77.538c-36.576-36.57-36.693-96.026-.34-132.75l.354-.347c36.698-36.675 96.399-36.664 133.074.012c30.116 30.118 34.438 81.659 10.034 119.904c-5.147 8.064-2.776 18.782 5.288 23.93c8.083 5.164 18.787 2.782 23.93-5.279c33.489-52.474 27.29-121.047-14.734-163.068M188.74 223.752c6.765 6.77 6.773 17.749 0 24.51a17.224 17.224 0 0 1-12.244 5.087a17.322 17.322 0 0 1-12.274-5.078L86.68 170.74c-23.165-23.172-23.165-60.883 0-84.06c11.225-11.214 26.147-17.396 42.02-17.396h.017c15.87 0 30.794 6.19 42.011 17.422a59.397 59.397 0 0 1 14.916 59.06c-2.756 9.173-12.395 14.396-21.572 11.65c-9.174-2.735-14.396-12.395-11.663-21.574a24.742 24.742 0 0 0-6.2-24.626c-4.677-4.683-10.885-7.26-17.5-7.263h-.01c-6.616 0-12.824 2.574-17.504 7.246c-9.654 9.654-9.654 25.367 0 35.023l77.545 77.529" fill="#5088AC"/></svg>

React

import type { SVGProps } from "react";

export function LogosPodio(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 303"><path d="M219.773 37.656c-50.013-50.01-131.28-50.212-181.55-.576l-.59.587c-50.19 50.218-50.174 131.91.03 182.109l77.545 77.531a17.268 17.268 0 0 0 12.254 5.073c4.433 0 8.879-1.686 12.262-5.073c6.761-6.77 6.761-17.748 0-24.515l-77.557-77.538c-36.576-36.57-36.693-96.026-.34-132.75l.354-.347c36.698-36.675 96.399-36.664 133.074.012c30.116 30.118 34.438 81.659 10.034 119.904c-5.147 8.064-2.776 18.782 5.288 23.93c8.083 5.164 18.787 2.782 23.93-5.279c33.489-52.474 27.29-121.047-14.734-163.068M188.74 223.752c6.765 6.77 6.773 17.749 0 24.51a17.224 17.224 0 0 1-12.244 5.087a17.322 17.322 0 0 1-12.274-5.078L86.68 170.74c-23.165-23.172-23.165-60.883 0-84.06c11.225-11.214 26.147-17.396 42.02-17.396h.017c15.87 0 30.794 6.19 42.011 17.422a59.397 59.397 0 0 1 14.916 59.06c-2.756 9.173-12.395 14.396-21.572 11.65c-9.174-2.735-14.396-12.395-11.663-21.574a24.742 24.742 0 0 0-6.2-24.626c-4.677-4.683-10.885-7.26-17.5-7.263h-.01c-6.616 0-12.824 2.574-17.504 7.246c-9.654 9.654-9.654 25.367 0 35.023l77.545 77.529" fill="#5088AC"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 303"><path d="M219.773 37.656c-50.013-50.01-131.28-50.212-181.55-.576l-.59.587c-50.19 50.218-50.174 131.91.03 182.109l77.545 77.531a17.268 17.268 0 0 0 12.254 5.073c4.433 0 8.879-1.686 12.262-5.073c6.761-6.77 6.761-17.748 0-24.515l-77.557-77.538c-36.576-36.57-36.693-96.026-.34-132.75l.354-.347c36.698-36.675 96.399-36.664 133.074.012c30.116 30.118 34.438 81.659 10.034 119.904c-5.147 8.064-2.776 18.782 5.288 23.93c8.083 5.164 18.787 2.782 23.93-5.279c33.489-52.474 27.29-121.047-14.734-163.068M188.74 223.752c6.765 6.77 6.773 17.749 0 24.51a17.224 17.224 0 0 1-12.244 5.087a17.322 17.322 0 0 1-12.274-5.078L86.68 170.74c-23.165-23.172-23.165-60.883 0-84.06c11.225-11.214 26.147-17.396 42.02-17.396h.017c15.87 0 30.794 6.19 42.011 17.422a59.397 59.397 0 0 1 14.916 59.06c-2.756 9.173-12.395 14.396-21.572 11.65c-9.174-2.735-14.396-12.395-11.663-21.574a24.742 24.742 0 0 0-6.2-24.626c-4.677-4.683-10.885-7.26-17.5-7.263h-.01c-6.616 0-12.824 2.574-17.504 7.246c-9.654 9.654-9.654 25.367 0 35.023l77.545 77.529" fill="#5088AC"/></svg>
</template>

CSS

.icon-podio {
  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%20303%22%3E%3Cpath%20d%3D%22M219.773%2037.656c-50.013-50.01-131.28-50.212-181.55-.576l-.59.587c-50.19%2050.218-50.174%20131.91.03%20182.109l77.545%2077.531a17.268%2017.268%200%200%200%2012.254%205.073c4.433%200%208.879-1.686%2012.262-5.073c6.761-6.77%206.761-17.748%200-24.515l-77.557-77.538c-36.576-36.57-36.693-96.026-.34-132.75l.354-.347c36.698-36.675%2096.399-36.664%20133.074.012c30.116%2030.118%2034.438%2081.659%2010.034%20119.904c-5.147%208.064-2.776%2018.782%205.288%2023.93c8.083%205.164%2018.787%202.782%2023.93-5.279c33.489-52.474%2027.29-121.047-14.734-163.068M188.74%20223.752c6.765%206.77%206.773%2017.749%200%2024.51a17.224%2017.224%200%200%201-12.244%205.087a17.322%2017.322%200%200%201-12.274-5.078L86.68%20170.74c-23.165-23.172-23.165-60.883%200-84.06c11.225-11.214%2026.147-17.396%2042.02-17.396h.017c15.87%200%2030.794%206.19%2042.011%2017.422a59.397%2059.397%200%200%201%2014.916%2059.06c-2.756%209.173-12.395%2014.396-21.572%2011.65c-9.174-2.735-14.396-12.395-11.663-21.574a24.742%2024.742%200%200%200-6.2-24.626c-4.677-4.683-10.885-7.26-17.5-7.263h-.01c-6.616%200-12.824%202.574-17.504%207.246c-9.654%209.654-9.654%2025.367%200%2035.023l77.545%2077.529%22%20fill%3D%22%235088AC%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%20303%22%3E%3Cpath%20d%3D%22M219.773%2037.656c-50.013-50.01-131.28-50.212-181.55-.576l-.59.587c-50.19%2050.218-50.174%20131.91.03%20182.109l77.545%2077.531a17.268%2017.268%200%200%200%2012.254%205.073c4.433%200%208.879-1.686%2012.262-5.073c6.761-6.77%206.761-17.748%200-24.515l-77.557-77.538c-36.576-36.57-36.693-96.026-.34-132.75l.354-.347c36.698-36.675%2096.399-36.664%20133.074.012c30.116%2030.118%2034.438%2081.659%2010.034%20119.904c-5.147%208.064-2.776%2018.782%205.288%2023.93c8.083%205.164%2018.787%202.782%2023.93-5.279c33.489-52.474%2027.29-121.047-14.734-163.068M188.74%20223.752c6.765%206.77%206.773%2017.749%200%2024.51a17.224%2017.224%200%200%201-12.244%205.087a17.322%2017.322%200%200%201-12.274-5.078L86.68%20170.74c-23.165-23.172-23.165-60.883%200-84.06c11.225-11.214%2026.147-17.396%2042.02-17.396h.017c15.87%200%2030.794%206.19%2042.011%2017.422a59.397%2059.397%200%200%201%2014.916%2059.06c-2.756%209.173-12.395%2014.396-21.572%2011.65c-9.174-2.735-14.396-12.395-11.663-21.574a24.742%2024.742%200%200%200-6.2-24.626c-4.677-4.683-10.885-7.26-17.5-7.263h-.01c-6.616%200-12.824%202.574-17.504%207.246c-9.654%209.654-9.654%2025.367%200%2035.023l77.545%2077.529%22%20fill%3D%22%235088AC%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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