goodreads logo

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

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

The same logo in other sets

goodreadsCoreUI Brands goodreadsFont Awesome Brands goodreadsLine Awesome goodreadsMaterial Design Icons goodreadsSimple Icons

Related icons in Font Awesome 6 Brands

goodreads-g

Use the goodreads logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M299.9 191.2c5.1 37.3-4.7 79-35.9 100.7c-22.3 15.5-52.8 14.1-70.8 5.7c-37.1-17.3-49.5-58.6-46.8-97.2c4.3-60.9 40.9-87.9 75.3-87.5c46.9-.2 71.8 31.8 78.2 78.3M448 88v336c0 30.9-25.1 56-56 56H56c-30.9 0-56-25.1-56-56V88c0-30.9 25.1-56 56-56h336c30.9 0 56 25.1 56 56M330 313.2s-.1-34-.1-217.3h-29v40.3c-.8.3-1.2-.5-1.6-1.2c-9.6-20.7-35.9-46.3-76-46c-51.9.4-87.2 31.2-100.6 77.8c-4.3 14.9-5.8 30.1-5.5 45.6c1.7 77.9 45.1 117.8 112.4 115.2c28.9-1.1 54.5-17 69-45.2c.5-1 1.1-1.9 1.7-2.9c.2.1.4.1.6.2c.3 3.8.2 30.7.1 34.5c-.2 14.8-2 29.5-7.2 43.5c-7.8 21-22.3 34.7-44.5 39.5c-17.8 3.9-35.6 3.8-53.2-1.2c-21.5-6.1-36.5-19-41.1-41.8c-.3-1.6-1.3-1.3-2.3-1.3h-26.8c.8 10.6 3.2 20.3 8.5 29.2c24.2 40.5 82.7 48.5 128.2 37.4c49.9-12.3 67.3-54.9 67.4-106.3"/></svg>

React

import type { SVGProps } from "react";

export function Fa6BrandsGoodreads(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M299.9 191.2c5.1 37.3-4.7 79-35.9 100.7c-22.3 15.5-52.8 14.1-70.8 5.7c-37.1-17.3-49.5-58.6-46.8-97.2c4.3-60.9 40.9-87.9 75.3-87.5c46.9-.2 71.8 31.8 78.2 78.3M448 88v336c0 30.9-25.1 56-56 56H56c-30.9 0-56-25.1-56-56V88c0-30.9 25.1-56 56-56h336c30.9 0 56 25.1 56 56M330 313.2s-.1-34-.1-217.3h-29v40.3c-.8.3-1.2-.5-1.6-1.2c-9.6-20.7-35.9-46.3-76-46c-51.9.4-87.2 31.2-100.6 77.8c-4.3 14.9-5.8 30.1-5.5 45.6c1.7 77.9 45.1 117.8 112.4 115.2c28.9-1.1 54.5-17 69-45.2c.5-1 1.1-1.9 1.7-2.9c.2.1.4.1.6.2c.3 3.8.2 30.7.1 34.5c-.2 14.8-2 29.5-7.2 43.5c-7.8 21-22.3 34.7-44.5 39.5c-17.8 3.9-35.6 3.8-53.2-1.2c-21.5-6.1-36.5-19-41.1-41.8c-.3-1.6-1.3-1.3-2.3-1.3h-26.8c.8 10.6 3.2 20.3 8.5 29.2c24.2 40.5 82.7 48.5 128.2 37.4c49.9-12.3 67.3-54.9 67.4-106.3"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M299.9 191.2c5.1 37.3-4.7 79-35.9 100.7c-22.3 15.5-52.8 14.1-70.8 5.7c-37.1-17.3-49.5-58.6-46.8-97.2c4.3-60.9 40.9-87.9 75.3-87.5c46.9-.2 71.8 31.8 78.2 78.3M448 88v336c0 30.9-25.1 56-56 56H56c-30.9 0-56-25.1-56-56V88c0-30.9 25.1-56 56-56h336c30.9 0 56 25.1 56 56M330 313.2s-.1-34-.1-217.3h-29v40.3c-.8.3-1.2-.5-1.6-1.2c-9.6-20.7-35.9-46.3-76-46c-51.9.4-87.2 31.2-100.6 77.8c-4.3 14.9-5.8 30.1-5.5 45.6c1.7 77.9 45.1 117.8 112.4 115.2c28.9-1.1 54.5-17 69-45.2c.5-1 1.1-1.9 1.7-2.9c.2.1.4.1.6.2c.3 3.8.2 30.7.1 34.5c-.2 14.8-2 29.5-7.2 43.5c-7.8 21-22.3 34.7-44.5 39.5c-17.8 3.9-35.6 3.8-53.2-1.2c-21.5-6.1-36.5-19-41.1-41.8c-.3-1.6-1.3-1.3-2.3-1.3h-26.8c.8 10.6 3.2 20.3 8.5 29.2c24.2 40.5 82.7 48.5 128.2 37.4c49.9-12.3 67.3-54.9 67.4-106.3"/></svg>
</template>

CSS

.icon-goodreads {
  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%20448%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M299.9%20191.2c5.1%2037.3-4.7%2079-35.9%20100.7c-22.3%2015.5-52.8%2014.1-70.8%205.7c-37.1-17.3-49.5-58.6-46.8-97.2c4.3-60.9%2040.9-87.9%2075.3-87.5c46.9-.2%2071.8%2031.8%2078.2%2078.3M448%2088v336c0%2030.9-25.1%2056-56%2056H56c-30.9%200-56-25.1-56-56V88c0-30.9%2025.1-56%2056-56h336c30.9%200%2056%2025.1%2056%2056M330%20313.2s-.1-34-.1-217.3h-29v40.3c-.8.3-1.2-.5-1.6-1.2c-9.6-20.7-35.9-46.3-76-46c-51.9.4-87.2%2031.2-100.6%2077.8c-4.3%2014.9-5.8%2030.1-5.5%2045.6c1.7%2077.9%2045.1%20117.8%20112.4%20115.2c28.9-1.1%2054.5-17%2069-45.2c.5-1%201.1-1.9%201.7-2.9c.2.1.4.1.6.2c.3%203.8.2%2030.7.1%2034.5c-.2%2014.8-2%2029.5-7.2%2043.5c-7.8%2021-22.3%2034.7-44.5%2039.5c-17.8%203.9-35.6%203.8-53.2-1.2c-21.5-6.1-36.5-19-41.1-41.8c-.3-1.6-1.3-1.3-2.3-1.3h-26.8c.8%2010.6%203.2%2020.3%208.5%2029.2c24.2%2040.5%2082.7%2048.5%20128.2%2037.4c49.9-12.3%2067.3-54.9%2067.4-106.3%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%20448%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M299.9%20191.2c5.1%2037.3-4.7%2079-35.9%20100.7c-22.3%2015.5-52.8%2014.1-70.8%205.7c-37.1-17.3-49.5-58.6-46.8-97.2c4.3-60.9%2040.9-87.9%2075.3-87.5c46.9-.2%2071.8%2031.8%2078.2%2078.3M448%2088v336c0%2030.9-25.1%2056-56%2056H56c-30.9%200-56-25.1-56-56V88c0-30.9%2025.1-56%2056-56h336c30.9%200%2056%2025.1%2056%2056M330%20313.2s-.1-34-.1-217.3h-29v40.3c-.8.3-1.2-.5-1.6-1.2c-9.6-20.7-35.9-46.3-76-46c-51.9.4-87.2%2031.2-100.6%2077.8c-4.3%2014.9-5.8%2030.1-5.5%2045.6c1.7%2077.9%2045.1%20117.8%20112.4%20115.2c28.9-1.1%2054.5-17%2069-45.2c.5-1%201.1-1.9%201.7-2.9c.2.1.4.1.6.2c.3%203.8.2%2030.7.1%2034.5c-.2%2014.8-2%2029.5-7.2%2043.5c-7.8%2021-22.3%2034.7-44.5%2039.5c-17.8%203.9-35.6%203.8-53.2-1.2c-21.5-6.1-36.5-19-41.1-41.8c-.3-1.6-1.3-1.3-2.3-1.3h-26.8c.8%2010.6%203.2%2020.3%208.5%2029.2c24.2%2040.5%2082.7%2048.5%20128.2%2037.4c49.9-12.3%2067.3-54.9%2067.4-106.3%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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