patreon logo icon
patreon-logo-duotone from Phosphor by Phosphor Icons · Duotone · MIT Free for personal and commercial use.
- Name
- patreon-logo-duotone
- Set
- Phosphor
- Style
- Duotone
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
Use the patreon logo icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="M224 93.16c0 49-48.17 49-72.25 65.34c-29.87 20.26-32.11 73.5-64.23 73.5s-61.74-125-16-171.51C119.64 11.49 224 27.82 224 93.16" opacity=".2"/><path d="M187.37 32c-18.79-7.68-41.14-9.92-62.93-6.3c-23.44 3.9-43.73 14-58.68 29.2c-11.12 11.32-24.62 33.35-25.7 74c-.7 26.49 4.39 55.44 13.61 77.45S74.61 240 87.52 240c22.94 0 33.23-20.08 43.17-39.5c7-13.6 14.16-27.66 25.55-35.38c5.86-4 13.8-7 22.21-10.28c23.86-9.2 53.55-20.66 53.55-61.67C232 65.9 215.73 43.6 187.37 32m-14.68 107.91c-9.28 3.58-18.05 7-25.43 12c-14.78 10-23.3 26.66-30.81 41.33c-9.78 19.06-16.4 30.76-28.93 30.76c-4.52 0-12.18-7.37-19.09-23.85c-8.39-20-13-46.49-12.37-70.83c.73-27.66 8.23-50.11 21.11-63.21C95.23 47.74 120.79 40 144.57 40a98.5 98.5 0 0 1 36.74 6.76c13 5.3 34.69 18.38 34.69 46.37c0 30.08-20.07 37.87-43.31 46.78"/></g></svg>
React
import type { SVGProps } from "react";
export function PhPatreonLogoDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="M224 93.16c0 49-48.17 49-72.25 65.34c-29.87 20.26-32.11 73.5-64.23 73.5s-61.74-125-16-171.51C119.64 11.49 224 27.82 224 93.16" opacity=".2"/><path d="M187.37 32c-18.79-7.68-41.14-9.92-62.93-6.3c-23.44 3.9-43.73 14-58.68 29.2c-11.12 11.32-24.62 33.35-25.7 74c-.7 26.49 4.39 55.44 13.61 77.45S74.61 240 87.52 240c22.94 0 33.23-20.08 43.17-39.5c7-13.6 14.16-27.66 25.55-35.38c5.86-4 13.8-7 22.21-10.28c23.86-9.2 53.55-20.66 53.55-61.67C232 65.9 215.73 43.6 187.37 32m-14.68 107.91c-9.28 3.58-18.05 7-25.43 12c-14.78 10-23.3 26.66-30.81 41.33c-9.78 19.06-16.4 30.76-28.93 30.76c-4.52 0-12.18-7.37-19.09-23.85c-8.39-20-13-46.49-12.37-70.83c.73-27.66 8.23-50.11 21.11-63.21C95.23 47.74 120.79 40 144.57 40a98.5 98.5 0 0 1 36.74 6.76c13 5.3 34.69 18.38 34.69 46.37c0 30.08-20.07 37.87-43.31 46.78"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="M224 93.16c0 49-48.17 49-72.25 65.34c-29.87 20.26-32.11 73.5-64.23 73.5s-61.74-125-16-171.51C119.64 11.49 224 27.82 224 93.16" opacity=".2"/><path d="M187.37 32c-18.79-7.68-41.14-9.92-62.93-6.3c-23.44 3.9-43.73 14-58.68 29.2c-11.12 11.32-24.62 33.35-25.7 74c-.7 26.49 4.39 55.44 13.61 77.45S74.61 240 87.52 240c22.94 0 33.23-20.08 43.17-39.5c7-13.6 14.16-27.66 25.55-35.38c5.86-4 13.8-7 22.21-10.28c23.86-9.2 53.55-20.66 53.55-61.67C232 65.9 215.73 43.6 187.37 32m-14.68 107.91c-9.28 3.58-18.05 7-25.43 12c-14.78 10-23.3 26.66-30.81 41.33c-9.78 19.06-16.4 30.76-28.93 30.76c-4.52 0-12.18-7.37-19.09-23.85c-8.39-20-13-46.49-12.37-70.83c.73-27.66 8.23-50.11 21.11-63.21C95.23 47.74 120.79 40 144.57 40a98.5 98.5 0 0 1 36.74 6.76c13 5.3 34.69 18.38 34.69 46.37c0 30.08-20.07 37.87-43.31 46.78"/></g></svg> </template>
CSS
.icon-patreon-logo-duotone {
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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M224%2093.16c0%2049-48.17%2049-72.25%2065.34c-29.87%2020.26-32.11%2073.5-64.23%2073.5s-61.74-125-16-171.51C119.64%2011.49%20224%2027.82%20224%2093.16%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M187.37%2032c-18.79-7.68-41.14-9.92-62.93-6.3c-23.44%203.9-43.73%2014-58.68%2029.2c-11.12%2011.32-24.62%2033.35-25.7%2074c-.7%2026.49%204.39%2055.44%2013.61%2077.45S74.61%20240%2087.52%20240c22.94%200%2033.23-20.08%2043.17-39.5c7-13.6%2014.16-27.66%2025.55-35.38c5.86-4%2013.8-7%2022.21-10.28c23.86-9.2%2053.55-20.66%2053.55-61.67C232%2065.9%20215.73%2043.6%20187.37%2032m-14.68%20107.91c-9.28%203.58-18.05%207-25.43%2012c-14.78%2010-23.3%2026.66-30.81%2041.33c-9.78%2019.06-16.4%2030.76-28.93%2030.76c-4.52%200-12.18-7.37-19.09-23.85c-8.39-20-13-46.49-12.37-70.83c.73-27.66%208.23-50.11%2021.11-63.21C95.23%2047.74%20120.79%2040%20144.57%2040a98.5%2098.5%200%200%201%2036.74%206.76c13%205.3%2034.69%2018.38%2034.69%2046.37c0%2030.08-20.07%2037.87-43.31%2046.78%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M224%2093.16c0%2049-48.17%2049-72.25%2065.34c-29.87%2020.26-32.11%2073.5-64.23%2073.5s-61.74-125-16-171.51C119.64%2011.49%20224%2027.82%20224%2093.16%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M187.37%2032c-18.79-7.68-41.14-9.92-62.93-6.3c-23.44%203.9-43.73%2014-58.68%2029.2c-11.12%2011.32-24.62%2033.35-25.7%2074c-.7%2026.49%204.39%2055.44%2013.61%2077.45S74.61%20240%2087.52%20240c22.94%200%2033.23-20.08%2043.17-39.5c7-13.6%2014.16-27.66%2025.55-35.38c5.86-4%2013.8-7%2022.21-10.28c23.86-9.2%2053.55-20.66%2053.55-61.67C232%2065.9%20215.73%2043.6%20187.37%2032m-14.68%20107.91c-9.28%203.58-18.05%207-25.43%2012c-14.78%2010-23.3%2026.66-30.81%2041.33c-9.78%2019.06-16.4%2030.76-28.93%2030.76c-4.52%200-12.18-7.37-19.09-23.85c-8.39-20-13-46.49-12.37-70.83c.73-27.66%208.23-50.11%2021.11-63.21C95.23%2047.74%20120.79%2040%20144.57%2040a98.5%2098.5%200%200%201%2036.74%206.76c13%205.3%2034.69%2018.38%2034.69%2046.37c0%2030.08-20.07%2037.87-43.31%2046.78%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/patreon-logo-duotone.svg?color=%231a73e8&size=48
