patreon logo icon
patreon-logo-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.
- Name
- patreon-logo-thin
- Set
- Phosphor
- Style
- Thin
- 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="M185.85 35.7c-18.11-7.41-39.68-9.56-60.76-6.06C102.5 33.4 83 43.1 68.62 57.7C58 68.5 45.11 89.65 44.06 129c-.69 25.95 4.29 54.29 13.3 75.79C65.8 224.92 76.51 236 87.52 236c20.5 0 29.78-18.13 39.61-37.32c7.19-14.05 14.63-28.57 26.86-36.87c6.25-4.23 14.39-7.37 23-10.7c22.72-8.76 51-19.67 51-57.94c.01-25.57-15.35-46.51-42.14-57.47m-11.72 107.94c-9.06 3.5-17.63 6.8-24.63 11.55c-13.93 9.45-22.2 25.6-29.49 39.84c-9.06 17.69-16.88 33-32.49 33c-7.36 0-15.88-9.83-22.78-26.3c-8.6-20.51-13.34-47.61-12.68-72.49c1-36.75 12.64-56.12 22.26-65.9c18.86-19.19 45.53-27.23 70.33-27.23c13.88 0 27.18 2.52 38.17 7C215.17 56.34 220 80.15 220 93.17c0 32.83-23.32 41.83-45.87 50.47"/></svg>
React
import type { SVGProps } from "react";
export function PhPatreonLogoThin(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="M185.85 35.7c-18.11-7.41-39.68-9.56-60.76-6.06C102.5 33.4 83 43.1 68.62 57.7C58 68.5 45.11 89.65 44.06 129c-.69 25.95 4.29 54.29 13.3 75.79C65.8 224.92 76.51 236 87.52 236c20.5 0 29.78-18.13 39.61-37.32c7.19-14.05 14.63-28.57 26.86-36.87c6.25-4.23 14.39-7.37 23-10.7c22.72-8.76 51-19.67 51-57.94c.01-25.57-15.35-46.51-42.14-57.47m-11.72 107.94c-9.06 3.5-17.63 6.8-24.63 11.55c-13.93 9.45-22.2 25.6-29.49 39.84c-9.06 17.69-16.88 33-32.49 33c-7.36 0-15.88-9.83-22.78-26.3c-8.6-20.51-13.34-47.61-12.68-72.49c1-36.75 12.64-56.12 22.26-65.9c18.86-19.19 45.53-27.23 70.33-27.23c13.88 0 27.18 2.52 38.17 7C215.17 56.34 220 80.15 220 93.17c0 32.83-23.32 41.83-45.87 50.47"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M185.85 35.7c-18.11-7.41-39.68-9.56-60.76-6.06C102.5 33.4 83 43.1 68.62 57.7C58 68.5 45.11 89.65 44.06 129c-.69 25.95 4.29 54.29 13.3 75.79C65.8 224.92 76.51 236 87.52 236c20.5 0 29.78-18.13 39.61-37.32c7.19-14.05 14.63-28.57 26.86-36.87c6.25-4.23 14.39-7.37 23-10.7c22.72-8.76 51-19.67 51-57.94c.01-25.57-15.35-46.51-42.14-57.47m-11.72 107.94c-9.06 3.5-17.63 6.8-24.63 11.55c-13.93 9.45-22.2 25.6-29.49 39.84c-9.06 17.69-16.88 33-32.49 33c-7.36 0-15.88-9.83-22.78-26.3c-8.6-20.51-13.34-47.61-12.68-72.49c1-36.75 12.64-56.12 22.26-65.9c18.86-19.19 45.53-27.23 70.33-27.23c13.88 0 27.18 2.52 38.17 7C215.17 56.34 220 80.15 220 93.17c0 32.83-23.32 41.83-45.87 50.47"/></svg> </template>
CSS
.icon-patreon-logo-thin {
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%22M185.85%2035.7c-18.11-7.41-39.68-9.56-60.76-6.06C102.5%2033.4%2083%2043.1%2068.62%2057.7C58%2068.5%2045.11%2089.65%2044.06%20129c-.69%2025.95%204.29%2054.29%2013.3%2075.79C65.8%20224.92%2076.51%20236%2087.52%20236c20.5%200%2029.78-18.13%2039.61-37.32c7.19-14.05%2014.63-28.57%2026.86-36.87c6.25-4.23%2014.39-7.37%2023-10.7c22.72-8.76%2051-19.67%2051-57.94c.01-25.57-15.35-46.51-42.14-57.47m-11.72%20107.94c-9.06%203.5-17.63%206.8-24.63%2011.55c-13.93%209.45-22.2%2025.6-29.49%2039.84c-9.06%2017.69-16.88%2033-32.49%2033c-7.36%200-15.88-9.83-22.78-26.3c-8.6-20.51-13.34-47.61-12.68-72.49c1-36.75%2012.64-56.12%2022.26-65.9c18.86-19.19%2045.53-27.23%2070.33-27.23c13.88%200%2027.18%202.52%2038.17%207C215.17%2056.34%20220%2080.15%20220%2093.17c0%2032.83-23.32%2041.83-45.87%2050.47%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%22M185.85%2035.7c-18.11-7.41-39.68-9.56-60.76-6.06C102.5%2033.4%2083%2043.1%2068.62%2057.7C58%2068.5%2045.11%2089.65%2044.06%20129c-.69%2025.95%204.29%2054.29%2013.3%2075.79C65.8%20224.92%2076.51%20236%2087.52%20236c20.5%200%2029.78-18.13%2039.61-37.32c7.19-14.05%2014.63-28.57%2026.86-36.87c6.25-4.23%2014.39-7.37%2023-10.7c22.72-8.76%2051-19.67%2051-57.94c.01-25.57-15.35-46.51-42.14-57.47m-11.72%20107.94c-9.06%203.5-17.63%206.8-24.63%2011.55c-13.93%209.45-22.2%2025.6-29.49%2039.84c-9.06%2017.69-16.88%2033-32.49%2033c-7.36%200-15.88-9.83-22.78-26.3c-8.6-20.51-13.34-47.61-12.68-72.49c1-36.75%2012.64-56.12%2022.26-65.9c18.86-19.19%2045.53-27.23%2070.33-27.23c13.88%200%2027.18%202.52%2038.17%207C215.17%2056.34%20220%2080.15%20220%2093.17c0%2032.83-23.32%2041.83-45.87%2050.47%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/patreon-logo-thin.svg?color=%231a73e8&size=48
