grammarly icon logo

grammarly-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
grammarly-icon
Set
SVG Logos
Style
Color
Viewbox
256×257
License
CC0

Use the grammarly icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 257"><path fill="#15c39a" d="M128 0c70.696 0 128 57.36 128 128.125c0 68.59-53.844 124.595-121.536 127.965h-12.928C53.849 252.72 0 196.716 0 128.125C0 57.36 57.31 0 128 0"/><path fill="#fff" d="M122.864 53.004c28.743-1.927 54.304 12.295 68.529 34.522c2.25 3.878 1.158 8.808-2.581 11.403c-3.94 2.736-9.124 1.53-12.087-2.645c-10.277-14.479-28.217-26.456-48.669-26.456c-39.241 0-69.353 39.407-53.538 80.68c6.967 18.183 23.48 31.2 42.703 34.222c23.613 3.708 45.21-4.698 57.649-22.964l-7.773 1.092h-13.413c-4.258 0-8.198-2.875-8.956-7.068c-.995-5.504 3.206-10.3 8.526-10.3h47.094v49.445a8.685 8.685 0 0 1-10.29 8.539c-4.19-.758-7.057-4.706-7.057-8.964v-8.256l1.63-9.134c-13.773 15.925-33.993 25.77-56.575 25.77c-42.991 0-77.559-35.614-75.057-79.233c2.151-37.485 32.44-68.139 69.865-70.653"/></svg>

React

import type { SVGProps } from "react";

export function LogosGrammarlyIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 257"><path fill="#15c39a" d="M128 0c70.696 0 128 57.36 128 128.125c0 68.59-53.844 124.595-121.536 127.965h-12.928C53.849 252.72 0 196.716 0 128.125C0 57.36 57.31 0 128 0"/><path fill="#fff" d="M122.864 53.004c28.743-1.927 54.304 12.295 68.529 34.522c2.25 3.878 1.158 8.808-2.581 11.403c-3.94 2.736-9.124 1.53-12.087-2.645c-10.277-14.479-28.217-26.456-48.669-26.456c-39.241 0-69.353 39.407-53.538 80.68c6.967 18.183 23.48 31.2 42.703 34.222c23.613 3.708 45.21-4.698 57.649-22.964l-7.773 1.092h-13.413c-4.258 0-8.198-2.875-8.956-7.068c-.995-5.504 3.206-10.3 8.526-10.3h47.094v49.445a8.685 8.685 0 0 1-10.29 8.539c-4.19-.758-7.057-4.706-7.057-8.964v-8.256l1.63-9.134c-13.773 15.925-33.993 25.77-56.575 25.77c-42.991 0-77.559-35.614-75.057-79.233c2.151-37.485 32.44-68.139 69.865-70.653"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 257"><path fill="#15c39a" d="M128 0c70.696 0 128 57.36 128 128.125c0 68.59-53.844 124.595-121.536 127.965h-12.928C53.849 252.72 0 196.716 0 128.125C0 57.36 57.31 0 128 0"/><path fill="#fff" d="M122.864 53.004c28.743-1.927 54.304 12.295 68.529 34.522c2.25 3.878 1.158 8.808-2.581 11.403c-3.94 2.736-9.124 1.53-12.087-2.645c-10.277-14.479-28.217-26.456-48.669-26.456c-39.241 0-69.353 39.407-53.538 80.68c6.967 18.183 23.48 31.2 42.703 34.222c23.613 3.708 45.21-4.698 57.649-22.964l-7.773 1.092h-13.413c-4.258 0-8.198-2.875-8.956-7.068c-.995-5.504 3.206-10.3 8.526-10.3h47.094v49.445a8.685 8.685 0 0 1-10.29 8.539c-4.19-.758-7.057-4.706-7.057-8.964v-8.256l1.63-9.134c-13.773 15.925-33.993 25.77-56.575 25.77c-42.991 0-77.559-35.614-75.057-79.233c2.151-37.485 32.44-68.139 69.865-70.653"/></svg>
</template>

CSS

.icon-grammarly-icon {
  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%20257%22%3E%3Cpath%20fill%3D%22%2315c39a%22%20d%3D%22M128%200c70.696%200%20128%2057.36%20128%20128.125c0%2068.59-53.844%20124.595-121.536%20127.965h-12.928C53.849%20252.72%200%20196.716%200%20128.125C0%2057.36%2057.31%200%20128%200%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M122.864%2053.004c28.743-1.927%2054.304%2012.295%2068.529%2034.522c2.25%203.878%201.158%208.808-2.581%2011.403c-3.94%202.736-9.124%201.53-12.087-2.645c-10.277-14.479-28.217-26.456-48.669-26.456c-39.241%200-69.353%2039.407-53.538%2080.68c6.967%2018.183%2023.48%2031.2%2042.703%2034.222c23.613%203.708%2045.21-4.698%2057.649-22.964l-7.773%201.092h-13.413c-4.258%200-8.198-2.875-8.956-7.068c-.995-5.504%203.206-10.3%208.526-10.3h47.094v49.445a8.685%208.685%200%200%201-10.29%208.539c-4.19-.758-7.057-4.706-7.057-8.964v-8.256l1.63-9.134c-13.773%2015.925-33.993%2025.77-56.575%2025.77c-42.991%200-77.559-35.614-75.057-79.233c2.151-37.485%2032.44-68.139%2069.865-70.653%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%20257%22%3E%3Cpath%20fill%3D%22%2315c39a%22%20d%3D%22M128%200c70.696%200%20128%2057.36%20128%20128.125c0%2068.59-53.844%20124.595-121.536%20127.965h-12.928C53.849%20252.72%200%20196.716%200%20128.125C0%2057.36%2057.31%200%20128%200%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M122.864%2053.004c28.743-1.927%2054.304%2012.295%2068.529%2034.522c2.25%203.878%201.158%208.808-2.581%2011.403c-3.94%202.736-9.124%201.53-12.087-2.645c-10.277-14.479-28.217-26.456-48.669-26.456c-39.241%200-69.353%2039.407-53.538%2080.68c6.967%2018.183%2023.48%2031.2%2042.703%2034.222c23.613%203.708%2045.21-4.698%2057.649-22.964l-7.773%201.092h-13.413c-4.258%200-8.198-2.875-8.956-7.068c-.995-5.504%203.206-10.3%208.526-10.3h47.094v49.445a8.685%208.685%200%200%201-10.29%208.539c-4.19-.758-7.057-4.706-7.057-8.964v-8.256l1.63-9.134c-13.773%2015.925-33.993%2025.77-56.575%2025.77c-42.991%200-77.559-35.614-75.057-79.233c2.151-37.485%2032.44-68.139%2069.865-70.653%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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