Google Keep logo
Google Keep is a note‑taking service whose API lets developers store and retrieve simple text or checklist data programmatically. The Google Keep logo as clean SVG, in brand color and mono. Copy it, download it, or install it as a typed React component.
- Brand color
- #ffbb00
- Categories
- Productivity
- Variants
- 2 SVG files
- Website
- google.com
- Source
- gilbarbara/logos · CC0
Use the Google Keep logo
shadcn CLI
npx shadcn@latest add @logoforge/google-keepWorks out of the box — @logoforge is in the official shadcn directory. Prefer your AI editor? Use the MCP server.
React
import { GoogleKeepLogo } from "@/components/logos/google-keep";
<GoogleKeepLogo className="size-8" />
<GoogleKeepLogo variant="mono" /> {/* currentColor */}icon.svg
<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 256 326"><title>Google Keep</title><defs><linearGradient id="google-keep-a" x1="71.83" x2="156.83" y1="148" y2="8" gradientUnits="userSpaceOnUse"><stop offset=".1" stop-color="#ffe921"/><stop offset=".48" stop-color="#fdd313"/><stop offset=".86" stop-color="#ffbe00"/></linearGradient><linearGradient id="google-keep-c" x1="96" x2="96" y1="140.04" y2="8" gradientUnits="userSpaceOnUse"><stop offset=".16" stop-color="#ffe921"/><stop offset=".64" stop-color="#fec700"/><stop offset=".96" stop-color="#ffbe00"/></linearGradient><linearGradient id="google-keep-f" x1="96" x2="96" y1="51.19" y2="142.89" gradientUnits="userSpaceOnUse"><stop offset=".11" stop-color="#ffb8dd" stop-opacity="0"/><stop offset=".68" stop-color="#ffb5e8"/></linearGradient><filter id="google-keep-d" width="203.2" height="235.2" x="-5.6" y="6.4" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_37487_16896" stdDeviation="28.8"/></filter><filter id="google-keep-e" width="88" height="140" x="52" y="58" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_37487_16896" stdDeviation="6"/></filter></defs><mask id="google-keep-b" width="140" height="140" x="26" y="8" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="url(#google-keep-a)" d="M166 78c0 27.13-15.434 50.381-38 62-9.591 4.938-20.47 8-32 8s-22.41-3.062-32-8c-22.566-11.619-38-34.87-38-62C26 39.34 57.34 8 96 8s70 31.34 70 70"/></mask><g mask="url(#google-keep-b)" transform="translate(-47.543 -14.629)scale(1.82857)"><circle cx="96" cy="78" r="70" fill="url(#google-keep-c)"/><g filter="url(#google-keep-d)"><path fill="#fdfd6d" d="M52 124c0-38.137 14.81-60 44-60s44 21.863 44 60c0 33.137-19.699 60-44 60s-44-26.863-44-60"/></g><g filter="url(#google-keep-e)"><path fill="url(#google-keep-f)" d="M64 102c0-17.673 14.327-32 32-32s32 14.327 32 32v52c0 17.673-14.327 32-32 32s-32-14.327-32-32z"/></g><path fill="#fff" d="M78 127c0-7.18 5.82-13 13-13h10c7.18 0 13 5.82 13 13s-5.82 13-13 13H91c-7.18 0-13-5.82-13-13"/></g><g mask="url(#google-keep-g)" transform="translate(-47.543 -14.629)scale(1.82857)"><path fill="#f6a100" d="M96 56c-18.4 0-32 14.4-32 33.6v62.8c0 19.2 13.6 33.6 32 33.6s32-14.4 32-33.6V89.6C128 70.4 114.4 56 96 56"/></g><mask id="google-keep-g" width="80" height="46" x="56" y="140" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#ffbe00" d="M56 140h80v46H56z"/></mask></svg>Download
Related logos
Google Keep and the Google Keep logo are trademarks of their respective owner. Logoforge is not affiliated with or endorsed by Google Keep; the logo is provided to refer to the product. Follow the brand's own guidelines. Own this brand and want it removed? Contact us — handled within 72 hours.