patreon logo icon
patreon-logo-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.
- Name
- patreon-logo-light
- Set
- Phosphor
- Style
- Light
- 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="M186.61 33.84c-18.45-7.54-40.41-9.74-61.84-6.17c-23 3.82-42.93 13.72-57.58 28.62c-10.88 11.07-24.06 32.65-25.13 72.65c-.69 26.23 4.34 54.87 13.46 76.62c8.77 20.92 20.13 32.44 32 32.44c21.72 0 31.72-19.53 41.39-38.41c7.08-13.82 14.4-28.11 26.21-36.12c6-4.11 14.09-7.21 22.61-10.5C201 144 230 132.81 230 93.17c0-26.42-15.81-48.04-43.39-59.33m-13.2 107.94c-9.17 3.54-17.84 6.88-25 11.76c-14.36 9.73-22.75 26.12-30.15 40.58C109.47 211.23 101.9 226 87.52 226c-5 0-13.18-6.59-20.94-25.08c-8.49-20.26-13.17-47-12.52-71.66c.75-28.16 8.45-51.09 21.69-64.55c18.45-18.78 44.57-26.65 68.86-26.65A100.3 100.3 0 0 1 182.07 45C213.33 57.74 218 80.65 218 93.17c0 31.41-21.66 39.76-44.59 48.61"/></svg>
React
import type { SVGProps } from "react";
export function PhPatreonLogoLight(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="M186.61 33.84c-18.45-7.54-40.41-9.74-61.84-6.17c-23 3.82-42.93 13.72-57.58 28.62c-10.88 11.07-24.06 32.65-25.13 72.65c-.69 26.23 4.34 54.87 13.46 76.62c8.77 20.92 20.13 32.44 32 32.44c21.72 0 31.72-19.53 41.39-38.41c7.08-13.82 14.4-28.11 26.21-36.12c6-4.11 14.09-7.21 22.61-10.5C201 144 230 132.81 230 93.17c0-26.42-15.81-48.04-43.39-59.33m-13.2 107.94c-9.17 3.54-17.84 6.88-25 11.76c-14.36 9.73-22.75 26.12-30.15 40.58C109.47 211.23 101.9 226 87.52 226c-5 0-13.18-6.59-20.94-25.08c-8.49-20.26-13.17-47-12.52-71.66c.75-28.16 8.45-51.09 21.69-64.55c18.45-18.78 44.57-26.65 68.86-26.65A100.3 100.3 0 0 1 182.07 45C213.33 57.74 218 80.65 218 93.17c0 31.41-21.66 39.76-44.59 48.61"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M186.61 33.84c-18.45-7.54-40.41-9.74-61.84-6.17c-23 3.82-42.93 13.72-57.58 28.62c-10.88 11.07-24.06 32.65-25.13 72.65c-.69 26.23 4.34 54.87 13.46 76.62c8.77 20.92 20.13 32.44 32 32.44c21.72 0 31.72-19.53 41.39-38.41c7.08-13.82 14.4-28.11 26.21-36.12c6-4.11 14.09-7.21 22.61-10.5C201 144 230 132.81 230 93.17c0-26.42-15.81-48.04-43.39-59.33m-13.2 107.94c-9.17 3.54-17.84 6.88-25 11.76c-14.36 9.73-22.75 26.12-30.15 40.58C109.47 211.23 101.9 226 87.52 226c-5 0-13.18-6.59-20.94-25.08c-8.49-20.26-13.17-47-12.52-71.66c.75-28.16 8.45-51.09 21.69-64.55c18.45-18.78 44.57-26.65 68.86-26.65A100.3 100.3 0 0 1 182.07 45C213.33 57.74 218 80.65 218 93.17c0 31.41-21.66 39.76-44.59 48.61"/></svg> </template>
CSS
.icon-patreon-logo-light {
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%22M186.61%2033.84c-18.45-7.54-40.41-9.74-61.84-6.17c-23%203.82-42.93%2013.72-57.58%2028.62c-10.88%2011.07-24.06%2032.65-25.13%2072.65c-.69%2026.23%204.34%2054.87%2013.46%2076.62c8.77%2020.92%2020.13%2032.44%2032%2032.44c21.72%200%2031.72-19.53%2041.39-38.41c7.08-13.82%2014.4-28.11%2026.21-36.12c6-4.11%2014.09-7.21%2022.61-10.5C201%20144%20230%20132.81%20230%2093.17c0-26.42-15.81-48.04-43.39-59.33m-13.2%20107.94c-9.17%203.54-17.84%206.88-25%2011.76c-14.36%209.73-22.75%2026.12-30.15%2040.58C109.47%20211.23%20101.9%20226%2087.52%20226c-5%200-13.18-6.59-20.94-25.08c-8.49-20.26-13.17-47-12.52-71.66c.75-28.16%208.45-51.09%2021.69-64.55c18.45-18.78%2044.57-26.65%2068.86-26.65A100.3%20100.3%200%200%201%20182.07%2045C213.33%2057.74%20218%2080.65%20218%2093.17c0%2031.41-21.66%2039.76-44.59%2048.61%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%22M186.61%2033.84c-18.45-7.54-40.41-9.74-61.84-6.17c-23%203.82-42.93%2013.72-57.58%2028.62c-10.88%2011.07-24.06%2032.65-25.13%2072.65c-.69%2026.23%204.34%2054.87%2013.46%2076.62c8.77%2020.92%2020.13%2032.44%2032%2032.44c21.72%200%2031.72-19.53%2041.39-38.41c7.08-13.82%2014.4-28.11%2026.21-36.12c6-4.11%2014.09-7.21%2022.61-10.5C201%20144%20230%20132.81%20230%2093.17c0-26.42-15.81-48.04-43.39-59.33m-13.2%20107.94c-9.17%203.54-17.84%206.88-25%2011.76c-14.36%209.73-22.75%2026.12-30.15%2040.58C109.47%20211.23%20101.9%20226%2087.52%20226c-5%200-13.18-6.59-20.94-25.08c-8.49-20.26-13.17-47-12.52-71.66c.75-28.16%208.45-51.09%2021.69-64.55c18.45-18.78%2044.57-26.65%2068.86-26.65A100.3%20100.3%200%200%201%20182.07%2045C213.33%2057.74%20218%2080.65%20218%2093.17c0%2031.41-21.66%2039.76-44.59%2048.61%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/patreon-logo-light.svg?color=%231a73e8&size=48
