apollographql logo

apollographql from Devicon by konpa · Original · MIT Free for personal and commercial use.

Name
apollographql
Set
Devicon
Style
Original
Viewbox
128×128
License
MIT

1 other variant in Devicon

apollographql-wordmark

The same logo in other sets

apollographqlSimple Icons

Use the apollographql logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#112b49" d="M80.114 89.26h13.814L71.876 32.025H56.6L34.548 89.26h13.816l3.604-9.696h20.838l-3.773-10.727h-13.72l8.925-24.627zm45.555-42.376a3.324 3.324 0 0 0-6.406 1.778A57.3 57.3 0 0 1 121.352 64c0 31.624-25.728 57.351-57.352 57.351S6.649 95.624 6.649 64.001C6.648 32.375 32.376 6.647 64 6.647c13.397 0 26.359 4.76 36.59 13.228a8 8 0 0 0-.62 3.087a7.998 7.998 0 1 0 5.561-7.617C94.011 5.528 79.256 0 64 0C28.71 0 0 28.71 0 64s28.71 64 64 64s64-28.71 64-64a64 64 0 0 0-2.33-17.116"/></svg>

React

import type { SVGProps } from "react";

export function DeviconApollographql(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#112b49" d="M80.114 89.26h13.814L71.876 32.025H56.6L34.548 89.26h13.816l3.604-9.696h20.838l-3.773-10.727h-13.72l8.925-24.627zm45.555-42.376a3.324 3.324 0 0 0-6.406 1.778A57.3 57.3 0 0 1 121.352 64c0 31.624-25.728 57.351-57.352 57.351S6.649 95.624 6.649 64.001C6.648 32.375 32.376 6.647 64 6.647c13.397 0 26.359 4.76 36.59 13.228a8 8 0 0 0-.62 3.087a7.998 7.998 0 1 0 5.561-7.617C94.011 5.528 79.256 0 64 0C28.71 0 0 28.71 0 64s28.71 64 64 64s64-28.71 64-64a64 64 0 0 0-2.33-17.116"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#112b49" d="M80.114 89.26h13.814L71.876 32.025H56.6L34.548 89.26h13.816l3.604-9.696h20.838l-3.773-10.727h-13.72l8.925-24.627zm45.555-42.376a3.324 3.324 0 0 0-6.406 1.778A57.3 57.3 0 0 1 121.352 64c0 31.624-25.728 57.351-57.352 57.351S6.649 95.624 6.649 64.001C6.648 32.375 32.376 6.647 64 6.647c13.397 0 26.359 4.76 36.59 13.228a8 8 0 0 0-.62 3.087a7.998 7.998 0 1 0 5.561-7.617C94.011 5.528 79.256 0 64 0C28.71 0 0 28.71 0 64s28.71 64 64 64s64-28.71 64-64a64 64 0 0 0-2.33-17.116"/></svg>
</template>

CSS

.icon-apollographql {
  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%20128%20128%22%3E%3Cpath%20fill%3D%22%23112b49%22%20d%3D%22M80.114%2089.26h13.814L71.876%2032.025H56.6L34.548%2089.26h13.816l3.604-9.696h20.838l-3.773-10.727h-13.72l8.925-24.627zm45.555-42.376a3.324%203.324%200%200%200-6.406%201.778A57.3%2057.3%200%200%201%20121.352%2064c0%2031.624-25.728%2057.351-57.352%2057.351S6.649%2095.624%206.649%2064.001C6.648%2032.375%2032.376%206.647%2064%206.647c13.397%200%2026.359%204.76%2036.59%2013.228a8%208%200%200%200-.62%203.087a7.998%207.998%200%201%200%205.561-7.617C94.011%205.528%2079.256%200%2064%200C28.71%200%200%2028.71%200%2064s28.71%2064%2064%2064s64-28.71%2064-64a64%2064%200%200%200-2.33-17.116%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%20128%20128%22%3E%3Cpath%20fill%3D%22%23112b49%22%20d%3D%22M80.114%2089.26h13.814L71.876%2032.025H56.6L34.548%2089.26h13.816l3.604-9.696h20.838l-3.773-10.727h-13.72l8.925-24.627zm45.555-42.376a3.324%203.324%200%200%200-6.406%201.778A57.3%2057.3%200%200%201%20121.352%2064c0%2031.624-25.728%2057.351-57.352%2057.351S6.649%2095.624%206.649%2064.001C6.648%2032.375%2032.376%206.647%2064%206.647c13.397%200%2026.359%204.76%2036.59%2013.228a8%208%200%200%200-.62%203.087a7.998%207.998%200%201%200%205.561-7.617C94.011%205.528%2079.256%200%2064%200C28.71%200%200%2028.71%200%2064s28.71%2064%2064%2064s64-28.71%2064-64a64%2064%200%200%200-2.33-17.116%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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