graphcool logo

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

Name
graphcool
Set
SVG Logos
Style
Color
Viewbox
256×300
License
CC0

Use the graphcool logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 300"><path d="M241.982 98.902c-14.553-8.196-32.844 2.498-35.775 4.337l-62.835 35.637c-9.278-7.368-22.495-7.055-31.413.744c-8.917 7.8-10.989 20.857-4.922 31.033c6.067 10.176 18.538 14.564 29.64 10.428c11.102-4.136 17.663-15.614 15.593-27.279l62.662-35.559l.381-.234c4.12-2.602 13.677-6.496 18.144-3.972c3.218 1.812 5.056 7.883 5.204 16.825h-.078v78.603a20.59 20.59 0 0 1-10.27 17.78l-90.076 52.038a20.59 20.59 0 0 1-20.529 0l-90.076-52.038a20.59 20.59 0 0 1-10.269-17.78V105.433a20.59 20.59 0 0 1 10.269-17.78l81.525-47.05c7.756 8.898 20.755 11 30.921 5.001c10.166-6 14.61-18.395 10.57-29.486C146.607 5.026 135.232-1.608 123.59.337c-11.643 1.945-20.245 11.915-20.46 23.718L19.001 72.623A37.979 37.979 0 0 0 0 105.433V209.44a37.979 37.979 0 0 0 18.942 32.827l90.076 52.038a37.978 37.978 0 0 0 37.875 0l90.076-52.038a37.979 37.979 0 0 0 18.942-32.8v-75.612h.06c.443-17.736-4.301-29.488-13.989-34.952z" fill="#27AE60"/></svg>

React

import type { SVGProps } from "react";

export function LogosGraphcool(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 300"><path d="M241.982 98.902c-14.553-8.196-32.844 2.498-35.775 4.337l-62.835 35.637c-9.278-7.368-22.495-7.055-31.413.744c-8.917 7.8-10.989 20.857-4.922 31.033c6.067 10.176 18.538 14.564 29.64 10.428c11.102-4.136 17.663-15.614 15.593-27.279l62.662-35.559l.381-.234c4.12-2.602 13.677-6.496 18.144-3.972c3.218 1.812 5.056 7.883 5.204 16.825h-.078v78.603a20.59 20.59 0 0 1-10.27 17.78l-90.076 52.038a20.59 20.59 0 0 1-20.529 0l-90.076-52.038a20.59 20.59 0 0 1-10.269-17.78V105.433a20.59 20.59 0 0 1 10.269-17.78l81.525-47.05c7.756 8.898 20.755 11 30.921 5.001c10.166-6 14.61-18.395 10.57-29.486C146.607 5.026 135.232-1.608 123.59.337c-11.643 1.945-20.245 11.915-20.46 23.718L19.001 72.623A37.979 37.979 0 0 0 0 105.433V209.44a37.979 37.979 0 0 0 18.942 32.827l90.076 52.038a37.978 37.978 0 0 0 37.875 0l90.076-52.038a37.979 37.979 0 0 0 18.942-32.8v-75.612h.06c.443-17.736-4.301-29.488-13.989-34.952z" fill="#27AE60"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 300"><path d="M241.982 98.902c-14.553-8.196-32.844 2.498-35.775 4.337l-62.835 35.637c-9.278-7.368-22.495-7.055-31.413.744c-8.917 7.8-10.989 20.857-4.922 31.033c6.067 10.176 18.538 14.564 29.64 10.428c11.102-4.136 17.663-15.614 15.593-27.279l62.662-35.559l.381-.234c4.12-2.602 13.677-6.496 18.144-3.972c3.218 1.812 5.056 7.883 5.204 16.825h-.078v78.603a20.59 20.59 0 0 1-10.27 17.78l-90.076 52.038a20.59 20.59 0 0 1-20.529 0l-90.076-52.038a20.59 20.59 0 0 1-10.269-17.78V105.433a20.59 20.59 0 0 1 10.269-17.78l81.525-47.05c7.756 8.898 20.755 11 30.921 5.001c10.166-6 14.61-18.395 10.57-29.486C146.607 5.026 135.232-1.608 123.59.337c-11.643 1.945-20.245 11.915-20.46 23.718L19.001 72.623A37.979 37.979 0 0 0 0 105.433V209.44a37.979 37.979 0 0 0 18.942 32.827l90.076 52.038a37.978 37.978 0 0 0 37.875 0l90.076-52.038a37.979 37.979 0 0 0 18.942-32.8v-75.612h.06c.443-17.736-4.301-29.488-13.989-34.952z" fill="#27AE60"/></svg>
</template>

CSS

.icon-graphcool {
  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%20300%22%3E%3Cpath%20d%3D%22M241.982%2098.902c-14.553-8.196-32.844%202.498-35.775%204.337l-62.835%2035.637c-9.278-7.368-22.495-7.055-31.413.744c-8.917%207.8-10.989%2020.857-4.922%2031.033c6.067%2010.176%2018.538%2014.564%2029.64%2010.428c11.102-4.136%2017.663-15.614%2015.593-27.279l62.662-35.559l.381-.234c4.12-2.602%2013.677-6.496%2018.144-3.972c3.218%201.812%205.056%207.883%205.204%2016.825h-.078v78.603a20.59%2020.59%200%200%201-10.27%2017.78l-90.076%2052.038a20.59%2020.59%200%200%201-20.529%200l-90.076-52.038a20.59%2020.59%200%200%201-10.269-17.78V105.433a20.59%2020.59%200%200%201%2010.269-17.78l81.525-47.05c7.756%208.898%2020.755%2011%2030.921%205.001c10.166-6%2014.61-18.395%2010.57-29.486C146.607%205.026%20135.232-1.608%20123.59.337c-11.643%201.945-20.245%2011.915-20.46%2023.718L19.001%2072.623A37.979%2037.979%200%200%200%200%20105.433V209.44a37.979%2037.979%200%200%200%2018.942%2032.827l90.076%2052.038a37.978%2037.978%200%200%200%2037.875%200l90.076-52.038a37.979%2037.979%200%200%200%2018.942-32.8v-75.612h.06c.443-17.736-4.301-29.488-13.989-34.952z%22%20fill%3D%22%2327AE60%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%20300%22%3E%3Cpath%20d%3D%22M241.982%2098.902c-14.553-8.196-32.844%202.498-35.775%204.337l-62.835%2035.637c-9.278-7.368-22.495-7.055-31.413.744c-8.917%207.8-10.989%2020.857-4.922%2031.033c6.067%2010.176%2018.538%2014.564%2029.64%2010.428c11.102-4.136%2017.663-15.614%2015.593-27.279l62.662-35.559l.381-.234c4.12-2.602%2013.677-6.496%2018.144-3.972c3.218%201.812%205.056%207.883%205.204%2016.825h-.078v78.603a20.59%2020.59%200%200%201-10.27%2017.78l-90.076%2052.038a20.59%2020.59%200%200%201-20.529%200l-90.076-52.038a20.59%2020.59%200%200%201-10.269-17.78V105.433a20.59%2020.59%200%200%201%2010.269-17.78l81.525-47.05c7.756%208.898%2020.755%2011%2030.921%205.001c10.166-6%2014.61-18.395%2010.57-29.486C146.607%205.026%20135.232-1.608%20123.59.337c-11.643%201.945-20.245%2011.915-20.46%2023.718L19.001%2072.623A37.979%2037.979%200%200%200%200%20105.433V209.44a37.979%2037.979%200%200%200%2018.942%2032.827l90.076%2052.038a37.978%2037.978%200%200%200%2037.875%200l90.076-52.038a37.979%2037.979%200%200%200%2018.942-32.8v-75.612h.06c.443-17.736-4.301-29.488-13.989-34.952z%22%20fill%3D%22%2327AE60%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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