graphql logo

graphql from Boxicons Brands by Boxicons · Logo · MIT Free for personal and commercial use.

Name: graphql
Set: Boxicons Brands
Style: Logo
Viewbox: 24×24
License: MIT

The same logo in other sets

graphql-fillAkar Icons graphqlCatppuccin Icons graphqlCoreUI Brands graphqlSVG Logos graphqlMaterial Icon Theme graphqlMaterial Design Icons graphqlSimple Icons graphql-darkSkill Icons graphql-outlineTeenyicons

Use the graphql logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.1 14.56a2 2 0 0 0-.47-.18V9.62a1.6 1.6 0 0 0 .48-.18a1.78 1.78 0 0 0-1.78-3.09a1.6 1.6 0 0 0-.41.32l-4.11-2.38a1.7 1.7 0 0 0 .07-.51a1.78 1.78 0 0 0-3.56 0a1.7 1.7 0 0 0 .07.51L6.28 6.66a1.6 1.6 0 0 0-.41-.31a1.78 1.78 0 0 0-1.78 3.09a1.6 1.6 0 0 0 .48.18v4.76a2 2 0 0 0-.47.18a1.78 1.78 0 1 0 1.78 3.09a1.7 1.7 0 0 0 .4-.31l4.11 2.37a1.7 1.7 0 0 0-.07.51a1.78 1.78 0 0 0 3.56 0a1.7 1.7 0 0 0-.09-.56l4.09-2.36a1.7 1.7 0 0 0 .44.35a1.78 1.78 0 1 0 1.78-3.09M6.72 15.69a1.7 1.7 0 0 0-.19-.47a1.5 1.5 0 0 0-.31-.4l5.38-9.33a1.8 1.8 0 0 0 1 0l5.4 9.33a1.5 1.5 0 0 0-.31.4a1.7 1.7 0 0 0-.19.47zM17.5 7.4a1.8 1.8 0 0 0 .17 1.38a1.75 1.75 0 0 0 1.12.84v4.76h-.07l-5.39-9.31l.05-.07zM10.82 5a.1.1 0 0 0 0 .05L5.48 14.4h-.07V9.62a1.75 1.75 0 0 0 1.12-.84A1.8 1.8 0 0 0 6.7 7.4zm2.6 14a1.78 1.78 0 0 0-1.32-.58a1.75 1.75 0 0 0-1.28.54L6.7 16.6v-.06h10.78v.11z"/></svg>

React

import type { SVGProps } from "react";

export function BxlGraphql(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.1 14.56a2 2 0 0 0-.47-.18V9.62a1.6 1.6 0 0 0 .48-.18a1.78 1.78 0 0 0-1.78-3.09a1.6 1.6 0 0 0-.41.32l-4.11-2.38a1.7 1.7 0 0 0 .07-.51a1.78 1.78 0 0 0-3.56 0a1.7 1.7 0 0 0 .07.51L6.28 6.66a1.6 1.6 0 0 0-.41-.31a1.78 1.78 0 0 0-1.78 3.09a1.6 1.6 0 0 0 .48.18v4.76a2 2 0 0 0-.47.18a1.78 1.78 0 1 0 1.78 3.09a1.7 1.7 0 0 0 .4-.31l4.11 2.37a1.7 1.7 0 0 0-.07.51a1.78 1.78 0 0 0 3.56 0a1.7 1.7 0 0 0-.09-.56l4.09-2.36a1.7 1.7 0 0 0 .44.35a1.78 1.78 0 1 0 1.78-3.09M6.72 15.69a1.7 1.7 0 0 0-.19-.47a1.5 1.5 0 0 0-.31-.4l5.38-9.33a1.8 1.8 0 0 0 1 0l5.4 9.33a1.5 1.5 0 0 0-.31.4a1.7 1.7 0 0 0-.19.47zM17.5 7.4a1.8 1.8 0 0 0 .17 1.38a1.75 1.75 0 0 0 1.12.84v4.76h-.07l-5.39-9.31l.05-.07zM10.82 5a.1.1 0 0 0 0 .05L5.48 14.4h-.07V9.62a1.75 1.75 0 0 0 1.12-.84A1.8 1.8 0 0 0 6.7 7.4zm2.6 14a1.78 1.78 0 0 0-1.32-.58a1.75 1.75 0 0 0-1.28.54L6.7 16.6v-.06h10.78v.11z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.1 14.56a2 2 0 0 0-.47-.18V9.62a1.6 1.6 0 0 0 .48-.18a1.78 1.78 0 0 0-1.78-3.09a1.6 1.6 0 0 0-.41.32l-4.11-2.38a1.7 1.7 0 0 0 .07-.51a1.78 1.78 0 0 0-3.56 0a1.7 1.7 0 0 0 .07.51L6.28 6.66a1.6 1.6 0 0 0-.41-.31a1.78 1.78 0 0 0-1.78 3.09a1.6 1.6 0 0 0 .48.18v4.76a2 2 0 0 0-.47.18a1.78 1.78 0 1 0 1.78 3.09a1.7 1.7 0 0 0 .4-.31l4.11 2.37a1.7 1.7 0 0 0-.07.51a1.78 1.78 0 0 0 3.56 0a1.7 1.7 0 0 0-.09-.56l4.09-2.36a1.7 1.7 0 0 0 .44.35a1.78 1.78 0 1 0 1.78-3.09M6.72 15.69a1.7 1.7 0 0 0-.19-.47a1.5 1.5 0 0 0-.31-.4l5.38-9.33a1.8 1.8 0 0 0 1 0l5.4 9.33a1.5 1.5 0 0 0-.31.4a1.7 1.7 0 0 0-.19.47zM17.5 7.4a1.8 1.8 0 0 0 .17 1.38a1.75 1.75 0 0 0 1.12.84v4.76h-.07l-5.39-9.31l.05-.07zM10.82 5a.1.1 0 0 0 0 .05L5.48 14.4h-.07V9.62a1.75 1.75 0 0 0 1.12-.84A1.8 1.8 0 0 0 6.7 7.4zm2.6 14a1.78 1.78 0 0 0-1.32-.58a1.75 1.75 0 0 0-1.28.54L6.7 16.6v-.06h10.78v.11z"/></svg>
</template>

CSS

.icon-graphql {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M20.1%2014.56a2%202%200%200%200-.47-.18V9.62a1.6%201.6%200%200%200%20.48-.18a1.78%201.78%200%200%200-1.78-3.09a1.6%201.6%200%200%200-.41.32l-4.11-2.38a1.7%201.7%200%200%200%20.07-.51a1.78%201.78%200%200%200-3.56%200a1.7%201.7%200%200%200%20.07.51L6.28%206.66a1.6%201.6%200%200%200-.41-.31a1.78%201.78%200%200%200-1.78%203.09a1.6%201.6%200%200%200%20.48.18v4.76a2%202%200%200%200-.47.18a1.78%201.78%200%201%200%201.78%203.09a1.7%201.7%200%200%200%20.4-.31l4.11%202.37a1.7%201.7%200%200%200-.07.51a1.78%201.78%200%200%200%203.56%200a1.7%201.7%200%200%200-.09-.56l4.09-2.36a1.7%201.7%200%200%200%20.44.35a1.78%201.78%200%201%200%201.78-3.09M6.72%2015.69a1.7%201.7%200%200%200-.19-.47a1.5%201.5%200%200%200-.31-.4l5.38-9.33a1.8%201.8%200%200%200%201%200l5.4%209.33a1.5%201.5%200%200%200-.31.4a1.7%201.7%200%200%200-.19.47zM17.5%207.4a1.8%201.8%200%200%200%20.17%201.38a1.75%201.75%200%200%200%201.12.84v4.76h-.07l-5.39-9.31l.05-.07zM10.82%205a.1.1%200%200%200%200%20.05L5.48%2014.4h-.07V9.62a1.75%201.75%200%200%200%201.12-.84A1.8%201.8%200%200%200%206.7%207.4zm2.6%2014a1.78%201.78%200%200%200-1.32-.58a1.75%201.75%200%200%200-1.28.54L6.7%2016.6v-.06h10.78v.11z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M20.1%2014.56a2%202%200%200%200-.47-.18V9.62a1.6%201.6%200%200%200%20.48-.18a1.78%201.78%200%200%200-1.78-3.09a1.6%201.6%200%200%200-.41.32l-4.11-2.38a1.7%201.7%200%200%200%20.07-.51a1.78%201.78%200%200%200-3.56%200a1.7%201.7%200%200%200%20.07.51L6.28%206.66a1.6%201.6%200%200%200-.41-.31a1.78%201.78%200%200%200-1.78%203.09a1.6%201.6%200%200%200%20.48.18v4.76a2%202%200%200%200-.47.18a1.78%201.78%200%201%200%201.78%203.09a1.7%201.7%200%200%200%20.4-.31l4.11%202.37a1.7%201.7%200%200%200-.07.51a1.78%201.78%200%200%200%203.56%200a1.7%201.7%200%200%200-.09-.56l4.09-2.36a1.7%201.7%200%200%200%20.44.35a1.78%201.78%200%201%200%201.78-3.09M6.72%2015.69a1.7%201.7%200%200%200-.19-.47a1.5%201.5%200%200%200-.31-.4l5.38-9.33a1.8%201.8%200%200%200%201%200l5.4%209.33a1.5%201.5%200%200%200-.31.4a1.7%201.7%200%200%200-.19.47zM17.5%207.4a1.8%201.8%200%200%200%20.17%201.38a1.75%201.75%200%200%200%201.12.84v4.76h-.07l-5.39-9.31l.05-.07zM10.82%205a.1.1%200%200%200%200%20.05L5.48%2014.4h-.07V9.62a1.75%201.75%200%200%200%201.12-.84A1.8%201.8%200%200%200%206.7%207.4zm2.6%2014a1.78%201.78%200%200%200-1.32-.58a1.75%201.75%200%200%200-1.28.54L6.7%2016.6v-.06h10.78v.11z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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