AI UI Designer Logo
AI UI Designer

Goodreads Icon

Social#1E1914

High-quality Goodreads transparent PNG for web & print.

Optimized Goodreads SVG vector code for developers.

Ready-to-use Goodreads React icon component.

How to use the Goodreads Icon

Copy the Goodreads icon as inline SVG, React code, HTML embed, or CSS mask.

Inline SVG

Paste the Goodreads SVG directly into HTML or JSX.

React Component

Use Goodreads as a typed React icon component.

import React from 'react';

export const GoodreadsIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
  
);

HTML Embed

Use a hosted Goodreads icon URL with attribution.

CSS Mask

Use Goodreads as a colorable CSS mask icon.

.goodreads-icon {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-color: #1e1914;
  mask: url("https://www.aiuidesigner.com/icons/goodreads.svg") center / contain no-repeat;
  -webkit-mask: url("https://www.aiuidesigner.com/icons/goodreads.svg") center / contain no-repeat;
}

Goodreads Icon Details

Brand color

#1E1914

Category

Social

Formats

SVG, PNG, React, HTML, CSS mask

SVG viewBox

Unknown

SVG file

Unknown · 0 paths

License

Check brand guidelines

About the Goodreads Icon

The Goodreads icon is available here as a brand icon asset in SVG format. It is categorized under Social and uses the brand color #1E1914. You can download it as a transparent PNG, copy the inline SVG, copy a React component, or embed it with HTML.

Use the source and brand guideline links on this page to verify current trademark usage rules before using the Goodreads logo in commercial projects, documentation, UI mockups, or marketing pages.

Tags:booksreadingamazon

Goodreads Icon Frequently Asked Questions

Try AI Icon Generator

Need a completely unique icon? Use our AI-powered SVG Generator to create custom, professional icons in seconds.

Try AI Icon Generator

Goodreads Related Icons