graphql icon
graphql-fill from Akar Icons by Arturo Wibawa · Fill · MIT Free for personal and commercial use.
- Name
- graphql-fill
- Set
- Akar Icons
- Style
- Fill
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
Use the graphql icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGXv8lpc2Y)"><path fill="currentColor" fill-rule="evenodd" d="M11.384 4.187a2.13 2.13 0 0 0 1.171.018l6.326 11.182a2.13 2.13 0 0 0-.593 1.038H5.71a2.15 2.15 0 0 0-.64-1.079zm-.921-.565q.028.03.057.058L4.193 14.865l-.09-.022V9.156A2.12 2.12 0 0 0 5.481 8.14a2.14 2.14 0 0 0 .19-1.694zm3.57-.835q.099-.308.1-.648a2.134 2.134 0 1 0-4.178.607L5.158 5.574A2.13 2.13 0 0 0 1.785 6a2.146 2.146 0 0 0 1.322 3.143v5.715q-.276.07-.535.219A2.147 2.147 0 0 0 1.791 18a2.13 2.13 0 0 0 3.368.43l4.795 2.826a2.2 2.2 0 0 0-.086.605C9.868 23.044 10.82 24 12 24a2.138 2.138 0 0 0 2.012-2.848l4.751-2.8a2.128 2.128 0 0 0 3.44-.352a2.138 2.138 0 0 0-1.384-3.159v-5.68A2.147 2.147 0 0 0 22.215 6a2.133 2.133 0 0 0-3.401-.398zm-.599.937l.075-.072l4.808 2.833a2.14 2.14 0 0 0 .203 1.654a2.12 2.12 0 0 0 1.303 1v5.72l-.078.023zm4.895 13.858l-4.774 2.814a2.12 2.12 0 0 0-1.554-.674c-.606 0-1.152.252-1.54.658l-4.785-2.82q.018-.058.032-.118H18.29q.018.07.04.14" clip-rule="evenodd"/></g><defs><clipPath id="SVGXv8lpc2Y"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function AkarIconsGraphqlFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g clipPath="url(#SVGXv8lpc2Y)"><path fill="currentColor" fillRule="evenodd" d="M11.384 4.187a2.13 2.13 0 0 0 1.171.018l6.326 11.182a2.13 2.13 0 0 0-.593 1.038H5.71a2.15 2.15 0 0 0-.64-1.079zm-.921-.565q.028.03.057.058L4.193 14.865l-.09-.022V9.156A2.12 2.12 0 0 0 5.481 8.14a2.14 2.14 0 0 0 .19-1.694zm3.57-.835q.099-.308.1-.648a2.134 2.134 0 1 0-4.178.607L5.158 5.574A2.13 2.13 0 0 0 1.785 6a2.146 2.146 0 0 0 1.322 3.143v5.715q-.276.07-.535.219A2.147 2.147 0 0 0 1.791 18a2.13 2.13 0 0 0 3.368.43l4.795 2.826a2.2 2.2 0 0 0-.086.605C9.868 23.044 10.82 24 12 24a2.138 2.138 0 0 0 2.012-2.848l4.751-2.8a2.128 2.128 0 0 0 3.44-.352a2.138 2.138 0 0 0-1.384-3.159v-5.68A2.147 2.147 0 0 0 22.215 6a2.133 2.133 0 0 0-3.401-.398zm-.599.937l.075-.072l4.808 2.833a2.14 2.14 0 0 0 .203 1.654a2.12 2.12 0 0 0 1.303 1v5.72l-.078.023zm4.895 13.858l-4.774 2.814a2.12 2.12 0 0 0-1.554-.674c-.606 0-1.152.252-1.54.658l-4.785-2.82q.018-.058.032-.118H18.29q.018.07.04.14" clipRule="evenodd"/></g><defs><clipPath id="SVGXv8lpc2Y"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGXv8lpc2Y)"><path fill="currentColor" fill-rule="evenodd" d="M11.384 4.187a2.13 2.13 0 0 0 1.171.018l6.326 11.182a2.13 2.13 0 0 0-.593 1.038H5.71a2.15 2.15 0 0 0-.64-1.079zm-.921-.565q.028.03.057.058L4.193 14.865l-.09-.022V9.156A2.12 2.12 0 0 0 5.481 8.14a2.14 2.14 0 0 0 .19-1.694zm3.57-.835q.099-.308.1-.648a2.134 2.134 0 1 0-4.178.607L5.158 5.574A2.13 2.13 0 0 0 1.785 6a2.146 2.146 0 0 0 1.322 3.143v5.715q-.276.07-.535.219A2.147 2.147 0 0 0 1.791 18a2.13 2.13 0 0 0 3.368.43l4.795 2.826a2.2 2.2 0 0 0-.086.605C9.868 23.044 10.82 24 12 24a2.138 2.138 0 0 0 2.012-2.848l4.751-2.8a2.128 2.128 0 0 0 3.44-.352a2.138 2.138 0 0 0-1.384-3.159v-5.68A2.147 2.147 0 0 0 22.215 6a2.133 2.133 0 0 0-3.401-.398zm-.599.937l.075-.072l4.808 2.833a2.14 2.14 0 0 0 .203 1.654a2.12 2.12 0 0 0 1.303 1v5.72l-.078.023zm4.895 13.858l-4.774 2.814a2.12 2.12 0 0 0-1.554-.674c-.606 0-1.152.252-1.54.658l-4.785-2.82q.018-.058.032-.118H18.29q.018.07.04.14" clip-rule="evenodd"/></g><defs><clipPath id="SVGXv8lpc2Y"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-graphql-fill {
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%3Cg%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23SVGXv8lpc2Y)%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M11.384%204.187a2.13%202.13%200%200%200%201.171.018l6.326%2011.182a2.13%202.13%200%200%200-.593%201.038H5.71a2.15%202.15%200%200%200-.64-1.079zm-.921-.565q.028.03.057.058L4.193%2014.865l-.09-.022V9.156A2.12%202.12%200%200%200%205.481%208.14a2.14%202.14%200%200%200%20.19-1.694zm3.57-.835q.099-.308.1-.648a2.134%202.134%200%201%200-4.178.607L5.158%205.574A2.13%202.13%200%200%200%201.785%206a2.146%202.146%200%200%200%201.322%203.143v5.715q-.276.07-.535.219A2.147%202.147%200%200%200%201.791%2018a2.13%202.13%200%200%200%203.368.43l4.795%202.826a2.2%202.2%200%200%200-.086.605C9.868%2023.044%2010.82%2024%2012%2024a2.138%202.138%200%200%200%202.012-2.848l4.751-2.8a2.128%202.128%200%200%200%203.44-.352a2.138%202.138%200%200%200-1.384-3.159v-5.68A2.147%202.147%200%200%200%2022.215%206a2.133%202.133%200%200%200-3.401-.398zm-.599.937l.075-.072l4.808%202.833a2.14%202.14%200%200%200%20.203%201.654a2.12%202.12%200%200%200%201.303%201v5.72l-.078.023zm4.895%2013.858l-4.774%202.814a2.12%202.12%200%200%200-1.554-.674c-.606%200-1.152.252-1.54.658l-4.785-2.82q.018-.058.032-.118H18.29q.018.07.04.14%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGXv8lpc2Y%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23SVGXv8lpc2Y)%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M11.384%204.187a2.13%202.13%200%200%200%201.171.018l6.326%2011.182a2.13%202.13%200%200%200-.593%201.038H5.71a2.15%202.15%200%200%200-.64-1.079zm-.921-.565q.028.03.057.058L4.193%2014.865l-.09-.022V9.156A2.12%202.12%200%200%200%205.481%208.14a2.14%202.14%200%200%200%20.19-1.694zm3.57-.835q.099-.308.1-.648a2.134%202.134%200%201%200-4.178.607L5.158%205.574A2.13%202.13%200%200%200%201.785%206a2.146%202.146%200%200%200%201.322%203.143v5.715q-.276.07-.535.219A2.147%202.147%200%200%200%201.791%2018a2.13%202.13%200%200%200%203.368.43l4.795%202.826a2.2%202.2%200%200%200-.086.605C9.868%2023.044%2010.82%2024%2012%2024a2.138%202.138%200%200%200%202.012-2.848l4.751-2.8a2.128%202.128%200%200%200%203.44-.352a2.138%202.138%200%200%200-1.384-3.159v-5.68A2.147%202.147%200%200%200%2022.215%206a2.133%202.133%200%200%200-3.401-.398zm-.599.937l.075-.072l4.808%202.833a2.14%202.14%200%200%200%20.203%201.654a2.12%202.12%200%200%200%201.303%201v5.72l-.078.023zm4.895%2013.858l-4.774%202.814a2.12%202.12%200%200%200-1.554-.674c-.606%200-1.152.252-1.54.658l-4.785-2.82q.018-.058.032-.118H18.29q.018.07.04.14%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGXv8lpc2Y%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/akar-icons/graphql-fill.svg?color=%231a73e8&size=48
