graphql icon

graphql-solid from Teenyicons by smhmd · Solid · MIT Free for personal and commercial use.

Name: graphql-solid
Set: Teenyicons
Style: Solid
Viewbox: 15×15
License: MIT

1 other variant in Teenyicons

The same icon in other sets

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

Use the graphql icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" fill-rule="evenodd" d="M6.015 1.287a1.5 1.5 0 0 1 2.97 0l3.545 2.069A1.5 1.5 0 1 1 14 5.916v3.17a1.5 1.5 0 1 1-1.47 2.559l-3.545 2.068a1.5 1.5 0 0 1-2.97 0L2.47 11.645A1.5 1.5 0 1 1 1 9.085v-3.17a1.5 1.5 0 1 1 1.47-2.56zm.225 1.027L2.974 4.219Q3 4.356 3 4.5a1.5 1.5 0 0 1-1 1.415v2.934l4.3-6.45zm.891.64l-4.43 6.647q.136.18.214.399h9.17q.078-.218.214-.4L7.87 2.955a1.5 1.5 0 0 1-.738 0m1.57-.555L13 8.85V5.915a1.5 1.5 0 0 1-.974-1.696L8.76 2.314zM11.65 11H3.349l2.89 1.686a1.5 1.5 0 0 1 2.521 0zM7.5 1a.5.5 0 1 0 0 1a.5.5 0 0 0 0-1m-6 3a.5.5 0 1 0 0 1a.5.5 0 0 0 0-1m12 0a.5.5 0 1 0 0 1a.5.5 0 0 0 0-1m-12 6a.5.5 0 1 0 0 1a.5.5 0 0 0 0-1m12 0a.5.5 0 1 0 0 1a.5.5 0 0 0 0-1m-6 3a.5.5 0 1 0 0 1a.5.5 0 0 0 0-1" clip-rule="evenodd"/></svg>

React

import type { SVGProps } from "react";

export function TeenyiconsGraphqlSolid(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" fillRule="evenodd" d="M6.015 1.287a1.5 1.5 0 0 1 2.97 0l3.545 2.069A1.5 1.5 0 1 1 14 5.916v3.17a1.5 1.5 0 1 1-1.47 2.559l-3.545 2.068a1.5 1.5 0 0 1-2.97 0L2.47 11.645A1.5 1.5 0 1 1 1 9.085v-3.17a1.5 1.5 0 1 1 1.47-2.56zm.225 1.027L2.974 4.219Q3 4.356 3 4.5a1.5 1.5 0 0 1-1 1.415v2.934l4.3-6.45zm.891.64l-4.43 6.647q.136.18.214.399h9.17q.078-.218.214-.4L7.87 2.955a1.5 1.5 0 0 1-.738 0m1.57-.555L13 8.85V5.915a1.5 1.5 0 0 1-.974-1.696L8.76 2.314zM11.65 11H3.349l2.89 1.686a1.5 1.5 0 0 1 2.521 0zM7.5 1a.5.5 0 1 0 0 1a.5.5 0 0 0 0-1m-6 3a.5.5 0 1 0 0 1a.5.5 0 0 0 0-1m12 0a.5.5 0 1 0 0 1a.5.5 0 0 0 0-1m-12 6a.5.5 0 1 0 0 1a.5.5 0 0 0 0-1m12 0a.5.5 0 1 0 0 1a.5.5 0 0 0 0-1m-6 3a.5.5 0 1 0 0 1a.5.5 0 0 0 0-1" clipRule="evenodd"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" fill-rule="evenodd" d="M6.015 1.287a1.5 1.5 0 0 1 2.97 0l3.545 2.069A1.5 1.5 0 1 1 14 5.916v3.17a1.5 1.5 0 1 1-1.47 2.559l-3.545 2.068a1.5 1.5 0 0 1-2.97 0L2.47 11.645A1.5 1.5 0 1 1 1 9.085v-3.17a1.5 1.5 0 1 1 1.47-2.56zm.225 1.027L2.974 4.219Q3 4.356 3 4.5a1.5 1.5 0 0 1-1 1.415v2.934l4.3-6.45zm.891.64l-4.43 6.647q.136.18.214.399h9.17q.078-.218.214-.4L7.87 2.955a1.5 1.5 0 0 1-.738 0m1.57-.555L13 8.85V5.915a1.5 1.5 0 0 1-.974-1.696L8.76 2.314zM11.65 11H3.349l2.89 1.686a1.5 1.5 0 0 1 2.521 0zM7.5 1a.5.5 0 1 0 0 1a.5.5 0 0 0 0-1m-6 3a.5.5 0 1 0 0 1a.5.5 0 0 0 0-1m12 0a.5.5 0 1 0 0 1a.5.5 0 0 0 0-1m-12 6a.5.5 0 1 0 0 1a.5.5 0 0 0 0-1m12 0a.5.5 0 1 0 0 1a.5.5 0 0 0 0-1m-6 3a.5.5 0 1 0 0 1a.5.5 0 0 0 0-1" clip-rule="evenodd"/></svg>
</template>

CSS

.icon-graphql-solid {
  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%2015%2015%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M6.015%201.287a1.5%201.5%200%200%201%202.97%200l3.545%202.069A1.5%201.5%200%201%201%2014%205.916v3.17a1.5%201.5%200%201%201-1.47%202.559l-3.545%202.068a1.5%201.5%200%200%201-2.97%200L2.47%2011.645A1.5%201.5%200%201%201%201%209.085v-3.17a1.5%201.5%200%201%201%201.47-2.56zm.225%201.027L2.974%204.219Q3%204.356%203%204.5a1.5%201.5%200%200%201-1%201.415v2.934l4.3-6.45zm.891.64l-4.43%206.647q.136.18.214.399h9.17q.078-.218.214-.4L7.87%202.955a1.5%201.5%200%200%201-.738%200m1.57-.555L13%208.85V5.915a1.5%201.5%200%200%201-.974-1.696L8.76%202.314zM11.65%2011H3.349l2.89%201.686a1.5%201.5%200%200%201%202.521%200zM7.5%201a.5.5%200%201%200%200%201a.5.5%200%200%200%200-1m-6%203a.5.5%200%201%200%200%201a.5.5%200%200%200%200-1m12%200a.5.5%200%201%200%200%201a.5.5%200%200%200%200-1m-12%206a.5.5%200%201%200%200%201a.5.5%200%200%200%200-1m12%200a.5.5%200%201%200%200%201a.5.5%200%200%200%200-1m-6%203a.5.5%200%201%200%200%201a.5.5%200%200%200%200-1%22%20clip-rule%3D%22evenodd%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%2015%2015%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M6.015%201.287a1.5%201.5%200%200%201%202.97%200l3.545%202.069A1.5%201.5%200%201%201%2014%205.916v3.17a1.5%201.5%200%201%201-1.47%202.559l-3.545%202.068a1.5%201.5%200%200%201-2.97%200L2.47%2011.645A1.5%201.5%200%201%201%201%209.085v-3.17a1.5%201.5%200%201%201%201.47-2.56zm.225%201.027L2.974%204.219Q3%204.356%203%204.5a1.5%201.5%200%200%201-1%201.415v2.934l4.3-6.45zm.891.64l-4.43%206.647q.136.18.214.399h9.17q.078-.218.214-.4L7.87%202.955a1.5%201.5%200%200%201-.738%200m1.57-.555L13%208.85V5.915a1.5%201.5%200%200%201-.974-1.696L8.76%202.314zM11.65%2011H3.349l2.89%201.686a1.5%201.5%200%200%201%202.521%200zM7.5%201a.5.5%200%201%200%200%201a.5.5%200%200%200%200-1m-6%203a.5.5%200%201%200%200%201a.5.5%200%200%200%200-1m12%200a.5.5%200%201%200%200%201a.5.5%200%200%200%200-1m-12%206a.5.5%200%201%200%200%201a.5.5%200%200%200%200-1m12%200a.5.5%200%201%200%200%201a.5.5%200%200%200%200-1m-6%203a.5.5%200%201%200%200%201a.5.5%200%200%200%200-1%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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