gratipay logo

gratipay from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name: gratipay
Set: SVG Logos
Style: Color
Viewbox: 256×256
License: CC0

The same logo in other sets

gratipayFont Awesome 6 Brands gratipayFont Awesome Brands gratipayLine Awesome

Use the gratipay logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path d="M127.997 0C57.307 0 0 57.304 0 127.995C0 198.69 57.308 256 127.997 256C198.703 256 256 198.69 256 127.995C256 57.304 198.705 0 127.997 0zm59.124 116.872l-58.238 78.845l-58.236-78.845c-4.928-5.795-9.846-25.968 7.067-37.117c14.405-9.496 28.088-2.304 35.259 6.029c2.675 3.11 7.259 6.77 15.91 6.77c8.653 0 13.237-3.66 15.912-6.77c7.168-8.333 20.851-15.525 35.26-6.03c16.912 11.15 11.992 31.32 7.066 37.118z" fill="#630"/></svg>

React

import type { SVGProps } from "react";

export function LogosGratipay(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path d="M127.997 0C57.307 0 0 57.304 0 127.995C0 198.69 57.308 256 127.997 256C198.703 256 256 198.69 256 127.995C256 57.304 198.705 0 127.997 0zm59.124 116.872l-58.238 78.845l-58.236-78.845c-4.928-5.795-9.846-25.968 7.067-37.117c14.405-9.496 28.088-2.304 35.259 6.029c2.675 3.11 7.259 6.77 15.91 6.77c8.653 0 13.237-3.66 15.912-6.77c7.168-8.333 20.851-15.525 35.26-6.03c16.912 11.15 11.992 31.32 7.066 37.118z" fill="#630"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path d="M127.997 0C57.307 0 0 57.304 0 127.995C0 198.69 57.308 256 127.997 256C198.703 256 256 198.69 256 127.995C256 57.304 198.705 0 127.997 0zm59.124 116.872l-58.238 78.845l-58.236-78.845c-4.928-5.795-9.846-25.968 7.067-37.117c14.405-9.496 28.088-2.304 35.259 6.029c2.675 3.11 7.259 6.77 15.91 6.77c8.653 0 13.237-3.66 15.912-6.77c7.168-8.333 20.851-15.525 35.26-6.03c16.912 11.15 11.992 31.32 7.066 37.118z" fill="#630"/></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%20256%20256%22%3E%3Cpath%20d%3D%22M127.997%200C57.307%200%200%2057.304%200%20127.995C0%20198.69%2057.308%20256%20127.997%20256C198.703%20256%20256%20198.69%20256%20127.995C256%2057.304%20198.705%200%20127.997%200zm59.124%20116.872l-58.238%2078.845l-58.236-78.845c-4.928-5.795-9.846-25.968%207.067-37.117c14.405-9.496%2028.088-2.304%2035.259%206.029c2.675%203.11%207.259%206.77%2015.91%206.77c8.653%200%2013.237-3.66%2015.912-6.77c7.168-8.333%2020.851-15.525%2035.26-6.03c16.912%2011.15%2011.992%2031.32%207.066%2037.118z%22%20fill%3D%22%23630%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%20d%3D%22M127.997%200C57.307%200%200%2057.304%200%20127.995C0%20198.69%2057.308%20256%20127.997%20256C198.703%20256%20256%20198.69%20256%20127.995C256%2057.304%20198.705%200%20127.997%200zm59.124%20116.872l-58.238%2078.845l-58.236-78.845c-4.928-5.795-9.846-25.968%207.067-37.117c14.405-9.496%2028.088-2.304%2035.259%206.029c2.675%203.11%207.259%206.77%2015.91%206.77c8.653%200%2013.237-3.66%2015.912-6.77c7.168-8.333%2020.851-15.525%2035.26-6.03c16.912%2011.15%2011.992%2031.32%207.066%2037.118z%22%20fill%3D%22%23630%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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