patreon logo icon
patreon-logo-bold from Phosphor by Phosphor Icons · Bold · MIT Free for personal and commercial use.
- Name
- patreon-logo-bold
- Set
- Phosphor
- Style
- Bold
- 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"><path fill="currentColor" d="M188.88 28.29c-19.47-8-42.59-10.29-65.11-6.54c-24.28 4-45.33 14.53-60.88 30.34C25.47 90.15 33.05 167.56 50 207.88C56.87 224.36 69 244 87.51 244c25.38 0 36.72-22.14 46.73-41.68c6.73-13.14 13.69-26.74 24.23-33.89c5.49-3.72 13.22-6.7 21.41-9.86c23.69-9.13 56.12-21.64 56.12-65.4c0-28.98-17.18-52.63-47.12-64.88m-17.64 107.89c-9.08 3.5-18.48 7.13-26.24 12.39c-15.63 10.6-24.39 27.71-32.13 42.81C103.79 209.13 97.7 220 87.51 220c-1.28 0-8-3.81-15.41-21.4C57.48 163.75 51.89 97.51 80 68.91c11.79-12 28.73-20.34 47.69-23.49a104.4 104.4 0 0 1 17-1.39a94 94 0 0 1 35.08 6.47c12 4.92 32.21 17 32.21 42.67c.02 25.97-15.47 33.26-40.74 43.01"/></svg>
React
import type { SVGProps } from "react";
export function PhPatreonLogoBold(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="M188.88 28.29c-19.47-8-42.59-10.29-65.11-6.54c-24.28 4-45.33 14.53-60.88 30.34C25.47 90.15 33.05 167.56 50 207.88C56.87 224.36 69 244 87.51 244c25.38 0 36.72-22.14 46.73-41.68c6.73-13.14 13.69-26.74 24.23-33.89c5.49-3.72 13.22-6.7 21.41-9.86c23.69-9.13 56.12-21.64 56.12-65.4c0-28.98-17.18-52.63-47.12-64.88m-17.64 107.89c-9.08 3.5-18.48 7.13-26.24 12.39c-15.63 10.6-24.39 27.71-32.13 42.81C103.79 209.13 97.7 220 87.51 220c-1.28 0-8-3.81-15.41-21.4C57.48 163.75 51.89 97.51 80 68.91c11.79-12 28.73-20.34 47.69-23.49a104.4 104.4 0 0 1 17-1.39a94 94 0 0 1 35.08 6.47c12 4.92 32.21 17 32.21 42.67c.02 25.97-15.47 33.26-40.74 43.01"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M188.88 28.29c-19.47-8-42.59-10.29-65.11-6.54c-24.28 4-45.33 14.53-60.88 30.34C25.47 90.15 33.05 167.56 50 207.88C56.87 224.36 69 244 87.51 244c25.38 0 36.72-22.14 46.73-41.68c6.73-13.14 13.69-26.74 24.23-33.89c5.49-3.72 13.22-6.7 21.41-9.86c23.69-9.13 56.12-21.64 56.12-65.4c0-28.98-17.18-52.63-47.12-64.88m-17.64 107.89c-9.08 3.5-18.48 7.13-26.24 12.39c-15.63 10.6-24.39 27.71-32.13 42.81C103.79 209.13 97.7 220 87.51 220c-1.28 0-8-3.81-15.41-21.4C57.48 163.75 51.89 97.51 80 68.91c11.79-12 28.73-20.34 47.69-23.49a104.4 104.4 0 0 1 17-1.39a94 94 0 0 1 35.08 6.47c12 4.92 32.21 17 32.21 42.67c.02 25.97-15.47 33.26-40.74 43.01"/></svg> </template>
CSS
.icon-patreon-logo-bold {
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%22M188.88%2028.29c-19.47-8-42.59-10.29-65.11-6.54c-24.28%204-45.33%2014.53-60.88%2030.34C25.47%2090.15%2033.05%20167.56%2050%20207.88C56.87%20224.36%2069%20244%2087.51%20244c25.38%200%2036.72-22.14%2046.73-41.68c6.73-13.14%2013.69-26.74%2024.23-33.89c5.49-3.72%2013.22-6.7%2021.41-9.86c23.69-9.13%2056.12-21.64%2056.12-65.4c0-28.98-17.18-52.63-47.12-64.88m-17.64%20107.89c-9.08%203.5-18.48%207.13-26.24%2012.39c-15.63%2010.6-24.39%2027.71-32.13%2042.81C103.79%20209.13%2097.7%20220%2087.51%20220c-1.28%200-8-3.81-15.41-21.4C57.48%20163.75%2051.89%2097.51%2080%2068.91c11.79-12%2028.73-20.34%2047.69-23.49a104.4%20104.4%200%200%201%2017-1.39a94%2094%200%200%201%2035.08%206.47c12%204.92%2032.21%2017%2032.21%2042.67c.02%2025.97-15.47%2033.26-40.74%2043.01%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%22M188.88%2028.29c-19.47-8-42.59-10.29-65.11-6.54c-24.28%204-45.33%2014.53-60.88%2030.34C25.47%2090.15%2033.05%20167.56%2050%20207.88C56.87%20224.36%2069%20244%2087.51%20244c25.38%200%2036.72-22.14%2046.73-41.68c6.73-13.14%2013.69-26.74%2024.23-33.89c5.49-3.72%2013.22-6.7%2021.41-9.86c23.69-9.13%2056.12-21.64%2056.12-65.4c0-28.98-17.18-52.63-47.12-64.88m-17.64%20107.89c-9.08%203.5-18.48%207.13-26.24%2012.39c-15.63%2010.6-24.39%2027.71-32.13%2042.81C103.79%20209.13%2097.7%20220%2087.51%20220c-1.28%200-8-3.81-15.41-21.4C57.48%20163.75%2051.89%2097.51%2080%2068.91c11.79-12%2028.73-20.34%2047.69-23.49a104.4%20104.4%200%200%201%2017-1.39a94%2094%200%200%201%2035.08%206.47c12%204.92%2032.21%2017%2032.21%2042.67c.02%2025.97-15.47%2033.26-40.74%2043.01%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/patreon-logo-bold.svg?color=%231a73e8&size=48
