graphql logo
graphql from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- graphql
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×288
- License
- CC0
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 288"><path fill="#e535ab" fill-rule="evenodd" d="m152.576 32.963l59.146 34.15a25.8 25.8 0 0 1 5.818-4.604c12.266-7.052 27.912-2.865 35.037 9.402c7.052 12.267 2.865 27.912-9.402 35.037a25.7 25.7 0 0 1-6.831 2.72v68.325a25.7 25.7 0 0 1 6.758 2.702c12.34 7.125 16.527 22.771 9.402 35.038c-7.052 12.266-22.771 16.453-35.038 9.402a25.5 25.5 0 0 1-6.34-5.147l-58.786 33.94a25.7 25.7 0 0 1 1.295 8.08c0 14.103-11.458 25.636-25.635 25.636s-25.635-11.46-25.635-25.636c0-2.52.362-4.954 1.037-7.253l-59.13-34.14a25.8 25.8 0 0 1-5.738 4.52c-12.34 7.051-27.986 2.864-35.038-9.402c-7.051-12.267-2.864-27.913 9.402-35.038a25.7 25.7 0 0 1 6.758-2.703v-68.324a25.7 25.7 0 0 1-6.831-2.72C.558 99.897-3.629 84.178 3.423 71.911s22.77-16.454 35.037-9.402a25.8 25.8 0 0 1 5.79 4.575l59.163-34.159a25.7 25.7 0 0 1-1.048-7.29C102.365 11.46 113.823 0 128 0s25.635 11.459 25.635 25.635c0 2.548-.37 5.007-1.059 7.328m-6.162 10.522l59.287 34.23a25.6 25.6 0 0 0 2.437 19.831c3.609 6.278 9.488 10.44 16.013 12.062v68.41q-.5.122-.993.264L145.725 44.17q.351-.336.689-.684m-36.123.7l-77.432 134.11a26 26 0 0 0-1.01-.27v-68.417c6.525-1.622 12.404-5.784 16.013-12.062a25.6 25.6 0 0 0 2.427-19.869l59.27-34.22q.359.371.732.727m24.872 6.075l77.414 134.08a25.5 25.5 0 0 0-4.513 5.757a25.7 25.7 0 0 0-2.702 6.758H50.64a25.7 25.7 0 0 0-2.704-6.758a25.8 25.8 0 0 0-4.506-5.724l77.429-134.107A25.7 25.7 0 0 0 128 51.27c2.487 0 4.89-.352 7.163-1.01m11.795 194.478l58.902-34.008a26 26 0 0 1-.473-1.682H50.607q-.123.499-.266.992l59.19 34.175A25.56 25.56 0 0 1 128 236.373a25.56 25.56 0 0 1 18.958 8.365"/></svg>
React
import type { SVGProps } from "react";
export function LogosGraphql(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 288"><path fill="#e535ab" fillRule="evenodd" d="m152.576 32.963l59.146 34.15a25.8 25.8 0 0 1 5.818-4.604c12.266-7.052 27.912-2.865 35.037 9.402c7.052 12.267 2.865 27.912-9.402 35.037a25.7 25.7 0 0 1-6.831 2.72v68.325a25.7 25.7 0 0 1 6.758 2.702c12.34 7.125 16.527 22.771 9.402 35.038c-7.052 12.266-22.771 16.453-35.038 9.402a25.5 25.5 0 0 1-6.34-5.147l-58.786 33.94a25.7 25.7 0 0 1 1.295 8.08c0 14.103-11.458 25.636-25.635 25.636s-25.635-11.46-25.635-25.636c0-2.52.362-4.954 1.037-7.253l-59.13-34.14a25.8 25.8 0 0 1-5.738 4.52c-12.34 7.051-27.986 2.864-35.038-9.402c-7.051-12.267-2.864-27.913 9.402-35.038a25.7 25.7 0 0 1 6.758-2.703v-68.324a25.7 25.7 0 0 1-6.831-2.72C.558 99.897-3.629 84.178 3.423 71.911s22.77-16.454 35.037-9.402a25.8 25.8 0 0 1 5.79 4.575l59.163-34.159a25.7 25.7 0 0 1-1.048-7.29C102.365 11.46 113.823 0 128 0s25.635 11.459 25.635 25.635c0 2.548-.37 5.007-1.059 7.328m-6.162 10.522l59.287 34.23a25.6 25.6 0 0 0 2.437 19.831c3.609 6.278 9.488 10.44 16.013 12.062v68.41q-.5.122-.993.264L145.725 44.17q.351-.336.689-.684m-36.123.7l-77.432 134.11a26 26 0 0 0-1.01-.27v-68.417c6.525-1.622 12.404-5.784 16.013-12.062a25.6 25.6 0 0 0 2.427-19.869l59.27-34.22q.359.371.732.727m24.872 6.075l77.414 134.08a25.5 25.5 0 0 0-4.513 5.757a25.7 25.7 0 0 0-2.702 6.758H50.64a25.7 25.7 0 0 0-2.704-6.758a25.8 25.8 0 0 0-4.506-5.724l77.429-134.107A25.7 25.7 0 0 0 128 51.27c2.487 0 4.89-.352 7.163-1.01m11.795 194.478l58.902-34.008a26 26 0 0 1-.473-1.682H50.607q-.123.499-.266.992l59.19 34.175A25.56 25.56 0 0 1 128 236.373a25.56 25.56 0 0 1 18.958 8.365"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 288"><path fill="#e535ab" fill-rule="evenodd" d="m152.576 32.963l59.146 34.15a25.8 25.8 0 0 1 5.818-4.604c12.266-7.052 27.912-2.865 35.037 9.402c7.052 12.267 2.865 27.912-9.402 35.037a25.7 25.7 0 0 1-6.831 2.72v68.325a25.7 25.7 0 0 1 6.758 2.702c12.34 7.125 16.527 22.771 9.402 35.038c-7.052 12.266-22.771 16.453-35.038 9.402a25.5 25.5 0 0 1-6.34-5.147l-58.786 33.94a25.7 25.7 0 0 1 1.295 8.08c0 14.103-11.458 25.636-25.635 25.636s-25.635-11.46-25.635-25.636c0-2.52.362-4.954 1.037-7.253l-59.13-34.14a25.8 25.8 0 0 1-5.738 4.52c-12.34 7.051-27.986 2.864-35.038-9.402c-7.051-12.267-2.864-27.913 9.402-35.038a25.7 25.7 0 0 1 6.758-2.703v-68.324a25.7 25.7 0 0 1-6.831-2.72C.558 99.897-3.629 84.178 3.423 71.911s22.77-16.454 35.037-9.402a25.8 25.8 0 0 1 5.79 4.575l59.163-34.159a25.7 25.7 0 0 1-1.048-7.29C102.365 11.46 113.823 0 128 0s25.635 11.459 25.635 25.635c0 2.548-.37 5.007-1.059 7.328m-6.162 10.522l59.287 34.23a25.6 25.6 0 0 0 2.437 19.831c3.609 6.278 9.488 10.44 16.013 12.062v68.41q-.5.122-.993.264L145.725 44.17q.351-.336.689-.684m-36.123.7l-77.432 134.11a26 26 0 0 0-1.01-.27v-68.417c6.525-1.622 12.404-5.784 16.013-12.062a25.6 25.6 0 0 0 2.427-19.869l59.27-34.22q.359.371.732.727m24.872 6.075l77.414 134.08a25.5 25.5 0 0 0-4.513 5.757a25.7 25.7 0 0 0-2.702 6.758H50.64a25.7 25.7 0 0 0-2.704-6.758a25.8 25.8 0 0 0-4.506-5.724l77.429-134.107A25.7 25.7 0 0 0 128 51.27c2.487 0 4.89-.352 7.163-1.01m11.795 194.478l58.902-34.008a26 26 0 0 1-.473-1.682H50.607q-.123.499-.266.992l59.19 34.175A25.56 25.56 0 0 1 128 236.373a25.56 25.56 0 0 1 18.958 8.365"/></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%20256%20288%22%3E%3Cpath%20fill%3D%22%23e535ab%22%20fill-rule%3D%22evenodd%22%20d%3D%22m152.576%2032.963l59.146%2034.15a25.8%2025.8%200%200%201%205.818-4.604c12.266-7.052%2027.912-2.865%2035.037%209.402c7.052%2012.267%202.865%2027.912-9.402%2035.037a25.7%2025.7%200%200%201-6.831%202.72v68.325a25.7%2025.7%200%200%201%206.758%202.702c12.34%207.125%2016.527%2022.771%209.402%2035.038c-7.052%2012.266-22.771%2016.453-35.038%209.402a25.5%2025.5%200%200%201-6.34-5.147l-58.786%2033.94a25.7%2025.7%200%200%201%201.295%208.08c0%2014.103-11.458%2025.636-25.635%2025.636s-25.635-11.46-25.635-25.636c0-2.52.362-4.954%201.037-7.253l-59.13-34.14a25.8%2025.8%200%200%201-5.738%204.52c-12.34%207.051-27.986%202.864-35.038-9.402c-7.051-12.267-2.864-27.913%209.402-35.038a25.7%2025.7%200%200%201%206.758-2.703v-68.324a25.7%2025.7%200%200%201-6.831-2.72C.558%2099.897-3.629%2084.178%203.423%2071.911s22.77-16.454%2035.037-9.402a25.8%2025.8%200%200%201%205.79%204.575l59.163-34.159a25.7%2025.7%200%200%201-1.048-7.29C102.365%2011.46%20113.823%200%20128%200s25.635%2011.459%2025.635%2025.635c0%202.548-.37%205.007-1.059%207.328m-6.162%2010.522l59.287%2034.23a25.6%2025.6%200%200%200%202.437%2019.831c3.609%206.278%209.488%2010.44%2016.013%2012.062v68.41q-.5.122-.993.264L145.725%2044.17q.351-.336.689-.684m-36.123.7l-77.432%20134.11a26%2026%200%200%200-1.01-.27v-68.417c6.525-1.622%2012.404-5.784%2016.013-12.062a25.6%2025.6%200%200%200%202.427-19.869l59.27-34.22q.359.371.732.727m24.872%206.075l77.414%20134.08a25.5%2025.5%200%200%200-4.513%205.757a25.7%2025.7%200%200%200-2.702%206.758H50.64a25.7%2025.7%200%200%200-2.704-6.758a25.8%2025.8%200%200%200-4.506-5.724l77.429-134.107A25.7%2025.7%200%200%200%20128%2051.27c2.487%200%204.89-.352%207.163-1.01m11.795%20194.478l58.902-34.008a26%2026%200%200%201-.473-1.682H50.607q-.123.499-.266.992l59.19%2034.175A25.56%2025.56%200%200%201%20128%20236.373a25.56%2025.56%200%200%201%2018.958%208.365%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%20256%20288%22%3E%3Cpath%20fill%3D%22%23e535ab%22%20fill-rule%3D%22evenodd%22%20d%3D%22m152.576%2032.963l59.146%2034.15a25.8%2025.8%200%200%201%205.818-4.604c12.266-7.052%2027.912-2.865%2035.037%209.402c7.052%2012.267%202.865%2027.912-9.402%2035.037a25.7%2025.7%200%200%201-6.831%202.72v68.325a25.7%2025.7%200%200%201%206.758%202.702c12.34%207.125%2016.527%2022.771%209.402%2035.038c-7.052%2012.266-22.771%2016.453-35.038%209.402a25.5%2025.5%200%200%201-6.34-5.147l-58.786%2033.94a25.7%2025.7%200%200%201%201.295%208.08c0%2014.103-11.458%2025.636-25.635%2025.636s-25.635-11.46-25.635-25.636c0-2.52.362-4.954%201.037-7.253l-59.13-34.14a25.8%2025.8%200%200%201-5.738%204.52c-12.34%207.051-27.986%202.864-35.038-9.402c-7.051-12.267-2.864-27.913%209.402-35.038a25.7%2025.7%200%200%201%206.758-2.703v-68.324a25.7%2025.7%200%200%201-6.831-2.72C.558%2099.897-3.629%2084.178%203.423%2071.911s22.77-16.454%2035.037-9.402a25.8%2025.8%200%200%201%205.79%204.575l59.163-34.159a25.7%2025.7%200%200%201-1.048-7.29C102.365%2011.46%20113.823%200%20128%200s25.635%2011.459%2025.635%2025.635c0%202.548-.37%205.007-1.059%207.328m-6.162%2010.522l59.287%2034.23a25.6%2025.6%200%200%200%202.437%2019.831c3.609%206.278%209.488%2010.44%2016.013%2012.062v68.41q-.5.122-.993.264L145.725%2044.17q.351-.336.689-.684m-36.123.7l-77.432%20134.11a26%2026%200%200%200-1.01-.27v-68.417c6.525-1.622%2012.404-5.784%2016.013-12.062a25.6%2025.6%200%200%200%202.427-19.869l59.27-34.22q.359.371.732.727m24.872%206.075l77.414%20134.08a25.5%2025.5%200%200%200-4.513%205.757a25.7%2025.7%200%200%200-2.702%206.758H50.64a25.7%2025.7%200%200%200-2.704-6.758a25.8%2025.8%200%200%200-4.506-5.724l77.429-134.107A25.7%2025.7%200%200%200%20128%2051.27c2.487%200%204.89-.352%207.163-1.01m11.795%20194.478l58.902-34.008a26%2026%200%200%201-.473-1.682H50.607q-.123.499-.266.992l59.19%2034.175A25.56%2025.56%200%200%201%20128%20236.373a25.56%2025.56%200%200%201%2018.958%208.365%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/graphql.svg?color=%231a73e8&size=48
