goodreads g logo

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

Name: goodreads-g
Set: Font Awesome 6 Brands
Style: Regular
Viewbox: 384×512
License: CC BY 4.0

The same logo in other sets

goodreads-gFont Awesome Brands goodreads-gLine Awesome

Use the goodreads g logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 384 512"><path fill="currentColor" d="M42.6 403.3h2.8c12.7 0 25.5 0 38.2.1c1.6 0 3.1-.4 3.6 2.1c7.1 34.9 30 54.6 62.9 63.9c26.9 7.6 54.1 7.8 81.3 1.8c33.8-7.4 56-28.3 68-60.4c8-21.5 10.7-43.8 11-66.5c.1-5.8.3-47-.2-52.8l-.9-.3c-.8 1.5-1.7 2.9-2.5 4.4c-22.1 43.1-61.3 67.4-105.4 69.1c-103 4-169.4-57-172-176.2c-.5-23.7 1.8-46.9 8.3-69.7C58.3 47.7 112.3.6 191.6 0c61.3-.4 101.5 38.7 116.2 70.3c.5 1.1 1.3 2.3 2.4 1.9V10.6h44.3c0 280.3.1 332.2.1 332.2c-.1 78.5-26.7 143.7-103 162.2c-69.5 16.9-159 4.8-196-57.2c-8-13.5-11.8-28.3-13-44.5M188.9 36.5c-52.5-.5-108.5 40.7-115 133.8c-4.1 59 14.8 122.2 71.5 148.6c27.6 12.9 74.3 15 108.3-8.7c47.6-33.2 62.7-97 54.8-154c-9.7-71.1-47.8-120-119.6-119.7"/></svg>

React

import type { SVGProps } from "react";

export function Fa6BrandsGoodreadsG(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 384 512"><path fill="currentColor" d="M42.6 403.3h2.8c12.7 0 25.5 0 38.2.1c1.6 0 3.1-.4 3.6 2.1c7.1 34.9 30 54.6 62.9 63.9c26.9 7.6 54.1 7.8 81.3 1.8c33.8-7.4 56-28.3 68-60.4c8-21.5 10.7-43.8 11-66.5c.1-5.8.3-47-.2-52.8l-.9-.3c-.8 1.5-1.7 2.9-2.5 4.4c-22.1 43.1-61.3 67.4-105.4 69.1c-103 4-169.4-57-172-176.2c-.5-23.7 1.8-46.9 8.3-69.7C58.3 47.7 112.3.6 191.6 0c61.3-.4 101.5 38.7 116.2 70.3c.5 1.1 1.3 2.3 2.4 1.9V10.6h44.3c0 280.3.1 332.2.1 332.2c-.1 78.5-26.7 143.7-103 162.2c-69.5 16.9-159 4.8-196-57.2c-8-13.5-11.8-28.3-13-44.5M188.9 36.5c-52.5-.5-108.5 40.7-115 133.8c-4.1 59 14.8 122.2 71.5 148.6c27.6 12.9 74.3 15 108.3-8.7c47.6-33.2 62.7-97 54.8-154c-9.7-71.1-47.8-120-119.6-119.7"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 384 512"><path fill="currentColor" d="M42.6 403.3h2.8c12.7 0 25.5 0 38.2.1c1.6 0 3.1-.4 3.6 2.1c7.1 34.9 30 54.6 62.9 63.9c26.9 7.6 54.1 7.8 81.3 1.8c33.8-7.4 56-28.3 68-60.4c8-21.5 10.7-43.8 11-66.5c.1-5.8.3-47-.2-52.8l-.9-.3c-.8 1.5-1.7 2.9-2.5 4.4c-22.1 43.1-61.3 67.4-105.4 69.1c-103 4-169.4-57-172-176.2c-.5-23.7 1.8-46.9 8.3-69.7C58.3 47.7 112.3.6 191.6 0c61.3-.4 101.5 38.7 116.2 70.3c.5 1.1 1.3 2.3 2.4 1.9V10.6h44.3c0 280.3.1 332.2.1 332.2c-.1 78.5-26.7 143.7-103 162.2c-69.5 16.9-159 4.8-196-57.2c-8-13.5-11.8-28.3-13-44.5M188.9 36.5c-52.5-.5-108.5 40.7-115 133.8c-4.1 59 14.8 122.2 71.5 148.6c27.6 12.9 74.3 15 108.3-8.7c47.6-33.2 62.7-97 54.8-154c-9.7-71.1-47.8-120-119.6-119.7"/></svg>
</template>

CSS

.icon-goodreads-g {
  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%20384%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M42.6%20403.3h2.8c12.7%200%2025.5%200%2038.2.1c1.6%200%203.1-.4%203.6%202.1c7.1%2034.9%2030%2054.6%2062.9%2063.9c26.9%207.6%2054.1%207.8%2081.3%201.8c33.8-7.4%2056-28.3%2068-60.4c8-21.5%2010.7-43.8%2011-66.5c.1-5.8.3-47-.2-52.8l-.9-.3c-.8%201.5-1.7%202.9-2.5%204.4c-22.1%2043.1-61.3%2067.4-105.4%2069.1c-103%204-169.4-57-172-176.2c-.5-23.7%201.8-46.9%208.3-69.7C58.3%2047.7%20112.3.6%20191.6%200c61.3-.4%20101.5%2038.7%20116.2%2070.3c.5%201.1%201.3%202.3%202.4%201.9V10.6h44.3c0%20280.3.1%20332.2.1%20332.2c-.1%2078.5-26.7%20143.7-103%20162.2c-69.5%2016.9-159%204.8-196-57.2c-8-13.5-11.8-28.3-13-44.5M188.9%2036.5c-52.5-.5-108.5%2040.7-115%20133.8c-4.1%2059%2014.8%20122.2%2071.5%20148.6c27.6%2012.9%2074.3%2015%20108.3-8.7c47.6-33.2%2062.7-97%2054.8-154c-9.7-71.1-47.8-120-119.6-119.7%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%20384%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M42.6%20403.3h2.8c12.7%200%2025.5%200%2038.2.1c1.6%200%203.1-.4%203.6%202.1c7.1%2034.9%2030%2054.6%2062.9%2063.9c26.9%207.6%2054.1%207.8%2081.3%201.8c33.8-7.4%2056-28.3%2068-60.4c8-21.5%2010.7-43.8%2011-66.5c.1-5.8.3-47-.2-52.8l-.9-.3c-.8%201.5-1.7%202.9-2.5%204.4c-22.1%2043.1-61.3%2067.4-105.4%2069.1c-103%204-169.4-57-172-176.2c-.5-23.7%201.8-46.9%208.3-69.7C58.3%2047.7%20112.3.6%20191.6%200c61.3-.4%20101.5%2038.7%20116.2%2070.3c.5%201.1%201.3%202.3%202.4%201.9V10.6h44.3c0%20280.3.1%20332.2.1%20332.2c-.1%2078.5-26.7%20143.7-103%20162.2c-69.5%2016.9-159%204.8-196-57.2c-8-13.5-11.8-28.3-13-44.5M188.9%2036.5c-52.5-.5-108.5%2040.7-115%20133.8c-4.1%2059%2014.8%20122.2%2071.5%20148.6c27.6%2012.9%2074.3%2015%20108.3-8.7c47.6-33.2%2062.7-97%2054.8-154c-9.7-71.1-47.8-120-119.6-119.7%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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