graphql logo
graphql-dark from Skill Icons by tandpfun · Dark · MIT Free for personal and commercial use.
- Name
- graphql-dark
- Set
- Skill Icons
- Style
- Dark
- Viewbox
- 256×256
- License
- MIT
1 other variant in Skill Icons
The same logo in other sets
Use the graphql logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#242938" rx="60"/><path fill="#e535ab" d="m47.862 176.192l7.342 4.239l81.793-141.665l-7.342-4.239z"/><path fill="#e535ab" d="M209.766 164.875H46.181v8.478h163.585z"/><path fill="#e535ab" d="m49.418 169.637l81.823 47.242l4.239-7.342l-81.823-47.242zm71.08-123.125l81.823 47.242l4.239-7.342l-81.823-47.242z"/><path fill="#e535ab" d="m49.44 86.38l4.24 7.342l81.823-47.242l-4.239-7.342z"/><path fill="#e535ab" d="m119.02 38.768l81.792 141.664l7.342-4.239l-81.792-141.664zm-57.875 41.99h-8.478v94.484h8.478z"/><path fill="#e535ab" d="M203.331 80.758h-8.478v94.484h8.478z"/><path fill="#e535ab" d="m126.095 206.877l3.703 6.414l71.164-41.088l-3.703-6.413z"/><path fill="#e535ab" d="M214.567 178c-4.903 8.529-15.833 11.44-24.362 6.537s-11.44-15.832-6.537-24.361s15.833-11.441 24.362-6.538c8.58 4.954 11.491 15.833 6.537 24.362M72.279 95.824c-4.903 8.529-15.833 11.441-24.362 6.538S36.477 86.529 41.38 78c4.903-8.53 15.832-11.44 24.362-6.537c8.529 4.954 11.44 15.832 6.537 24.361M41.431 178c-4.903-8.529-1.992-19.408 6.537-24.362c8.53-4.903 19.408-1.992 24.362 6.538c4.903 8.529 1.992 19.407-6.537 24.361c-8.58 4.903-19.459 1.992-24.362-6.537m142.288-82.176c-4.903-8.529-1.992-19.407 6.537-24.361c8.53-4.903 19.408-1.992 24.362 6.537c4.903 8.53 1.992 19.408-6.537 24.362c-8.529 4.903-19.459 1.991-24.362-6.538M127.999 228c-9.857 0-17.824-7.967-17.824-17.824s7.967-17.825 17.824-17.825s17.824 7.968 17.824 17.825c0 9.806-7.967 17.824-17.824 17.824m0-164.351c-9.857 0-17.824-7.968-17.824-17.825S118.142 28 127.999 28s17.824 7.967 17.824 17.824s-7.967 17.825-17.824 17.825"/></g></svg>
React
import type { SVGProps } from "react";
export function SkillIconsGraphqlDark(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#242938" rx="60"/><path fill="#e535ab" d="m47.862 176.192l7.342 4.239l81.793-141.665l-7.342-4.239z"/><path fill="#e535ab" d="M209.766 164.875H46.181v8.478h163.585z"/><path fill="#e535ab" d="m49.418 169.637l81.823 47.242l4.239-7.342l-81.823-47.242zm71.08-123.125l81.823 47.242l4.239-7.342l-81.823-47.242z"/><path fill="#e535ab" d="m49.44 86.38l4.24 7.342l81.823-47.242l-4.239-7.342z"/><path fill="#e535ab" d="m119.02 38.768l81.792 141.664l7.342-4.239l-81.792-141.664zm-57.875 41.99h-8.478v94.484h8.478z"/><path fill="#e535ab" d="M203.331 80.758h-8.478v94.484h8.478z"/><path fill="#e535ab" d="m126.095 206.877l3.703 6.414l71.164-41.088l-3.703-6.413z"/><path fill="#e535ab" d="M214.567 178c-4.903 8.529-15.833 11.44-24.362 6.537s-11.44-15.832-6.537-24.361s15.833-11.441 24.362-6.538c8.58 4.954 11.491 15.833 6.537 24.362M72.279 95.824c-4.903 8.529-15.833 11.441-24.362 6.538S36.477 86.529 41.38 78c4.903-8.53 15.832-11.44 24.362-6.537c8.529 4.954 11.44 15.832 6.537 24.361M41.431 178c-4.903-8.529-1.992-19.408 6.537-24.362c8.53-4.903 19.408-1.992 24.362 6.538c4.903 8.529 1.992 19.407-6.537 24.361c-8.58 4.903-19.459 1.992-24.362-6.537m142.288-82.176c-4.903-8.529-1.992-19.407 6.537-24.361c8.53-4.903 19.408-1.992 24.362 6.537c4.903 8.53 1.992 19.408-6.537 24.362c-8.529 4.903-19.459 1.991-24.362-6.538M127.999 228c-9.857 0-17.824-7.967-17.824-17.824s7.967-17.825 17.824-17.825s17.824 7.968 17.824 17.825c0 9.806-7.967 17.824-17.824 17.824m0-164.351c-9.857 0-17.824-7.968-17.824-17.825S118.142 28 127.999 28s17.824 7.967 17.824 17.824s-7.967 17.825-17.824 17.825"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#242938" rx="60"/><path fill="#e535ab" d="m47.862 176.192l7.342 4.239l81.793-141.665l-7.342-4.239z"/><path fill="#e535ab" d="M209.766 164.875H46.181v8.478h163.585z"/><path fill="#e535ab" d="m49.418 169.637l81.823 47.242l4.239-7.342l-81.823-47.242zm71.08-123.125l81.823 47.242l4.239-7.342l-81.823-47.242z"/><path fill="#e535ab" d="m49.44 86.38l4.24 7.342l81.823-47.242l-4.239-7.342z"/><path fill="#e535ab" d="m119.02 38.768l81.792 141.664l7.342-4.239l-81.792-141.664zm-57.875 41.99h-8.478v94.484h8.478z"/><path fill="#e535ab" d="M203.331 80.758h-8.478v94.484h8.478z"/><path fill="#e535ab" d="m126.095 206.877l3.703 6.414l71.164-41.088l-3.703-6.413z"/><path fill="#e535ab" d="M214.567 178c-4.903 8.529-15.833 11.44-24.362 6.537s-11.44-15.832-6.537-24.361s15.833-11.441 24.362-6.538c8.58 4.954 11.491 15.833 6.537 24.362M72.279 95.824c-4.903 8.529-15.833 11.441-24.362 6.538S36.477 86.529 41.38 78c4.903-8.53 15.832-11.44 24.362-6.537c8.529 4.954 11.44 15.832 6.537 24.361M41.431 178c-4.903-8.529-1.992-19.408 6.537-24.362c8.53-4.903 19.408-1.992 24.362 6.538c4.903 8.529 1.992 19.407-6.537 24.361c-8.58 4.903-19.459 1.992-24.362-6.537m142.288-82.176c-4.903-8.529-1.992-19.407 6.537-24.361c8.53-4.903 19.408-1.992 24.362 6.537c4.903 8.53 1.992 19.408-6.537 24.362c-8.529 4.903-19.459 1.991-24.362-6.538M127.999 228c-9.857 0-17.824-7.967-17.824-17.824s7.967-17.825 17.824-17.825s17.824 7.968 17.824 17.825c0 9.806-7.967 17.824-17.824 17.824m0-164.351c-9.857 0-17.824-7.968-17.824-17.825S118.142 28 127.999 28s17.824 7.967 17.824 17.824s-7.967 17.825-17.824 17.825"/></g></svg> </template>
CSS
.icon-graphql-dark {
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%20256%22%3E%3Cg%20fill%3D%22none%22%3E%3Crect%20width%3D%22256%22%20height%3D%22256%22%20fill%3D%22%23242938%22%20rx%3D%2260%22%2F%3E%3Cpath%20fill%3D%22%23e535ab%22%20d%3D%22m47.862%20176.192l7.342%204.239l81.793-141.665l-7.342-4.239z%22%2F%3E%3Cpath%20fill%3D%22%23e535ab%22%20d%3D%22M209.766%20164.875H46.181v8.478h163.585z%22%2F%3E%3Cpath%20fill%3D%22%23e535ab%22%20d%3D%22m49.418%20169.637l81.823%2047.242l4.239-7.342l-81.823-47.242zm71.08-123.125l81.823%2047.242l4.239-7.342l-81.823-47.242z%22%2F%3E%3Cpath%20fill%3D%22%23e535ab%22%20d%3D%22m49.44%2086.38l4.24%207.342l81.823-47.242l-4.239-7.342z%22%2F%3E%3Cpath%20fill%3D%22%23e535ab%22%20d%3D%22m119.02%2038.768l81.792%20141.664l7.342-4.239l-81.792-141.664zm-57.875%2041.99h-8.478v94.484h8.478z%22%2F%3E%3Cpath%20fill%3D%22%23e535ab%22%20d%3D%22M203.331%2080.758h-8.478v94.484h8.478z%22%2F%3E%3Cpath%20fill%3D%22%23e535ab%22%20d%3D%22m126.095%20206.877l3.703%206.414l71.164-41.088l-3.703-6.413z%22%2F%3E%3Cpath%20fill%3D%22%23e535ab%22%20d%3D%22M214.567%20178c-4.903%208.529-15.833%2011.44-24.362%206.537s-11.44-15.832-6.537-24.361s15.833-11.441%2024.362-6.538c8.58%204.954%2011.491%2015.833%206.537%2024.362M72.279%2095.824c-4.903%208.529-15.833%2011.441-24.362%206.538S36.477%2086.529%2041.38%2078c4.903-8.53%2015.832-11.44%2024.362-6.537c8.529%204.954%2011.44%2015.832%206.537%2024.361M41.431%20178c-4.903-8.529-1.992-19.408%206.537-24.362c8.53-4.903%2019.408-1.992%2024.362%206.538c4.903%208.529%201.992%2019.407-6.537%2024.361c-8.58%204.903-19.459%201.992-24.362-6.537m142.288-82.176c-4.903-8.529-1.992-19.407%206.537-24.361c8.53-4.903%2019.408-1.992%2024.362%206.537c4.903%208.53%201.992%2019.408-6.537%2024.362c-8.529%204.903-19.459%201.991-24.362-6.538M127.999%20228c-9.857%200-17.824-7.967-17.824-17.824s7.967-17.825%2017.824-17.825s17.824%207.968%2017.824%2017.825c0%209.806-7.967%2017.824-17.824%2017.824m0-164.351c-9.857%200-17.824-7.968-17.824-17.825S118.142%2028%20127.999%2028s17.824%207.967%2017.824%2017.824s-7.967%2017.825-17.824%2017.825%22%2F%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%20256%20256%22%3E%3Cg%20fill%3D%22none%22%3E%3Crect%20width%3D%22256%22%20height%3D%22256%22%20fill%3D%22%23242938%22%20rx%3D%2260%22%2F%3E%3Cpath%20fill%3D%22%23e535ab%22%20d%3D%22m47.862%20176.192l7.342%204.239l81.793-141.665l-7.342-4.239z%22%2F%3E%3Cpath%20fill%3D%22%23e535ab%22%20d%3D%22M209.766%20164.875H46.181v8.478h163.585z%22%2F%3E%3Cpath%20fill%3D%22%23e535ab%22%20d%3D%22m49.418%20169.637l81.823%2047.242l4.239-7.342l-81.823-47.242zm71.08-123.125l81.823%2047.242l4.239-7.342l-81.823-47.242z%22%2F%3E%3Cpath%20fill%3D%22%23e535ab%22%20d%3D%22m49.44%2086.38l4.24%207.342l81.823-47.242l-4.239-7.342z%22%2F%3E%3Cpath%20fill%3D%22%23e535ab%22%20d%3D%22m119.02%2038.768l81.792%20141.664l7.342-4.239l-81.792-141.664zm-57.875%2041.99h-8.478v94.484h8.478z%22%2F%3E%3Cpath%20fill%3D%22%23e535ab%22%20d%3D%22M203.331%2080.758h-8.478v94.484h8.478z%22%2F%3E%3Cpath%20fill%3D%22%23e535ab%22%20d%3D%22m126.095%20206.877l3.703%206.414l71.164-41.088l-3.703-6.413z%22%2F%3E%3Cpath%20fill%3D%22%23e535ab%22%20d%3D%22M214.567%20178c-4.903%208.529-15.833%2011.44-24.362%206.537s-11.44-15.832-6.537-24.361s15.833-11.441%2024.362-6.538c8.58%204.954%2011.491%2015.833%206.537%2024.362M72.279%2095.824c-4.903%208.529-15.833%2011.441-24.362%206.538S36.477%2086.529%2041.38%2078c4.903-8.53%2015.832-11.44%2024.362-6.537c8.529%204.954%2011.44%2015.832%206.537%2024.361M41.431%20178c-4.903-8.529-1.992-19.408%206.537-24.362c8.53-4.903%2019.408-1.992%2024.362%206.538c4.903%208.529%201.992%2019.407-6.537%2024.361c-8.58%204.903-19.459%201.992-24.362-6.537m142.288-82.176c-4.903-8.529-1.992-19.407%206.537-24.361c8.53-4.903%2019.408-1.992%2024.362%206.537c4.903%208.53%201.992%2019.408-6.537%2024.362c-8.529%204.903-19.459%201.991-24.362-6.538M127.999%20228c-9.857%200-17.824-7.967-17.824-17.824s7.967-17.825%2017.824-17.825s17.824%207.968%2017.824%2017.825c0%209.806-7.967%2017.824-17.824%2017.824m0-164.351c-9.857%200-17.824-7.968-17.824-17.825S118.142%2028%20127.999%2028s17.824%207.967%2017.824%2017.824s-7.967%2017.825-17.824%2017.825%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/skill-icons/graphql-dark.svg?color=%231a73e8&size=48
