gratipay logo

gratipay from Font Awesome 6 Brands by Dave Gandy · Regular · CC-BY-4.0 Attribution required.

Name
gratipay
Set
Font Awesome 6 Brands
Style
Regular
Viewbox
496×512
License
CC BY 4.0

The same logo in other sets

gratipayFont Awesome BrandsgratipayLine AwesomegratipaySVG Logos

Use the gratipay logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 496 512"><path fill="currentColor" d="M248 8C111.1 8 0 119.1 0 256s111.1 248 248 248s248-111.1 248-248S384.9 8 248 8m114.6 226.4l-113 152.7l-112.7-152.7c-8.7-11.9-19.1-50.4 13.6-72c28.1-18.1 54.6-4.2 68.5 11.9c15.9 17.9 46.6 16.9 61.7 0c13.9-16.1 40.4-30 68.1-11.9c32.9 21.6 22.6 60 13.8 72"/></svg>

React

import type { SVGProps } from "react";

export function Fa6BrandsGratipay(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 496 512"><path fill="currentColor" d="M248 8C111.1 8 0 119.1 0 256s111.1 248 248 248s248-111.1 248-248S384.9 8 248 8m114.6 226.4l-113 152.7l-112.7-152.7c-8.7-11.9-19.1-50.4 13.6-72c28.1-18.1 54.6-4.2 68.5 11.9c15.9 17.9 46.6 16.9 61.7 0c13.9-16.1 40.4-30 68.1-11.9c32.9 21.6 22.6 60 13.8 72"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 496 512"><path fill="currentColor" d="M248 8C111.1 8 0 119.1 0 256s111.1 248 248 248s248-111.1 248-248S384.9 8 248 8m114.6 226.4l-113 152.7l-112.7-152.7c-8.7-11.9-19.1-50.4 13.6-72c28.1-18.1 54.6-4.2 68.5 11.9c15.9 17.9 46.6 16.9 61.7 0c13.9-16.1 40.4-30 68.1-11.9c32.9 21.6 22.6 60 13.8 72"/></svg>
</template>

CSS

.icon-gratipay {
  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%20496%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M248%208C111.1%208%200%20119.1%200%20256s111.1%20248%20248%20248s248-111.1%20248-248S384.9%208%20248%208m114.6%20226.4l-113%20152.7l-112.7-152.7c-8.7-11.9-19.1-50.4%2013.6-72c28.1-18.1%2054.6-4.2%2068.5%2011.9c15.9%2017.9%2046.6%2016.9%2061.7%200c13.9-16.1%2040.4-30%2068.1-11.9c32.9%2021.6%2022.6%2060%2013.8%2072%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%20496%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M248%208C111.1%208%200%20119.1%200%20256s111.1%20248%20248%20248s248-111.1%20248-248S384.9%208%20248%208m114.6%20226.4l-113%20152.7l-112.7-152.7c-8.7-11.9-19.1-50.4%2013.6-72c28.1-18.1%2054.6-4.2%2068.5%2011.9c15.9%2017.9%2046.6%2016.9%2061.7%200c13.9-16.1%2040.4-30%2068.1-11.9c32.9%2021.6%2022.6%2060%2013.8%2072%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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