google keep 2020 logo

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

Name
google-keep-2020
Set
SVG Logos
Style
Color
Viewbox
256×352
License
CC0

Related icons in SVG Logos

google-2014google-360suitegoogle-admobgoogle-adsgoogle-adsensegoogle-adwordsgoogle-aistudiogoogle-aistudio-darkgoogle-analyticsgoogle-bardgoogle-bard-icongoogle-calendargoogle-calendar-2020google-cloudgoogle-cloud-functionsgoogle-cloud-platformgoogle-cloud-rungoogle-currentsgoogle-data-studiogoogle-developersgoogle-developers-icongoogle-domainsgoogle-domains-icongoogle-drive

Use the google keep 2020 logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 352"><path fill="#ffba00" d="M232 352H24c-13.28 0-24-10.72-24-24V24C0 10.72 10.72 0 24 0h144l88 88v240c0 13.28-10.72 24-24 24"/><path fill="#ff9500" d="m168 0l88 88h-88z"/><path fill="#fff" d="M156 236v20h-56v-20zm-28.08-115.999l.78.006c28.323.46 51.14 23.56 51.14 51.993c0 18.56-9.72 34.8-24.32 44h-55.2C85.68 206.8 76 190.56 76 172c0-28.72 23.28-52 52-52z"/></svg>

React

import type { SVGProps } from "react";

export function LogosGoogleKeep2020(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 352"><path fill="#ffba00" d="M232 352H24c-13.28 0-24-10.72-24-24V24C0 10.72 10.72 0 24 0h144l88 88v240c0 13.28-10.72 24-24 24"/><path fill="#ff9500" d="m168 0l88 88h-88z"/><path fill="#fff" d="M156 236v20h-56v-20zm-28.08-115.999l.78.006c28.323.46 51.14 23.56 51.14 51.993c0 18.56-9.72 34.8-24.32 44h-55.2C85.68 206.8 76 190.56 76 172c0-28.72 23.28-52 52-52z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 352"><path fill="#ffba00" d="M232 352H24c-13.28 0-24-10.72-24-24V24C0 10.72 10.72 0 24 0h144l88 88v240c0 13.28-10.72 24-24 24"/><path fill="#ff9500" d="m168 0l88 88h-88z"/><path fill="#fff" d="M156 236v20h-56v-20zm-28.08-115.999l.78.006c28.323.46 51.14 23.56 51.14 51.993c0 18.56-9.72 34.8-24.32 44h-55.2C85.68 206.8 76 190.56 76 172c0-28.72 23.28-52 52-52z"/></svg>
</template>

CSS

.icon-google-keep-2020 {
  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%20352%22%3E%3Cpath%20fill%3D%22%23ffba00%22%20d%3D%22M232%20352H24c-13.28%200-24-10.72-24-24V24C0%2010.72%2010.72%200%2024%200h144l88%2088v240c0%2013.28-10.72%2024-24%2024%22%2F%3E%3Cpath%20fill%3D%22%23ff9500%22%20d%3D%22m168%200l88%2088h-88z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M156%20236v20h-56v-20zm-28.08-115.999l.78.006c28.323.46%2051.14%2023.56%2051.14%2051.993c0%2018.56-9.72%2034.8-24.32%2044h-55.2C85.68%20206.8%2076%20190.56%2076%20172c0-28.72%2023.28-52%2052-52z%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%20352%22%3E%3Cpath%20fill%3D%22%23ffba00%22%20d%3D%22M232%20352H24c-13.28%200-24-10.72-24-24V24C0%2010.72%2010.72%200%2024%200h144l88%2088v240c0%2013.28-10.72%2024-24%2024%22%2F%3E%3Cpath%20fill%3D%22%23ff9500%22%20d%3D%22m168%200l88%2088h-88z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M156%20236v20h-56v-20zm-28.08-115.999l.78.006c28.323.46%2051.14%2023.56%2051.14%2051.993c0%2018.56-9.72%2034.8-24.32%2044h-55.2C85.68%20206.8%2076%20190.56%2076%20172c0-28.72%2023.28-52%2052-52z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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