file type graphql logo
file-type-graphql from VSCode Icons by Roberto Huertas · Color · MIT Free for personal and commercial use.
- Name
- file-type-graphql
- Set
- VSCode Icons
- Style
- Color
- Viewbox
- 32×32
- License
- MIT
Related icons in VSCode Icons
file-type-accessfile-type-access2file-type-actionscriptfile-type-actionscript2file-type-adafile-type-advplfile-type-affinityfile-type-affinitydesignerfile-type-affinityphotofile-type-affinitypublisherfile-type-agdafile-type-agentsfile-type-aifile-type-ai2file-type-aikidofile-type-alfile-type-al-dalfile-type-alchemyfile-type-allcontributorsfile-type-alloyfile-type-allurefile-type-angularfile-type-ansiblefile-type-antlers-html
Use the file type graphql logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#e10098" d="M4.781 22.746L16.232 2.914l1.028.593L5.81 23.34z"/><path fill="#e10098" d="M4.545 21.162h22.902v1.187H4.545z"/><path fill="#e10098" d="m4.999 21.828l.593-1.028l11.455 6.614l-.594 1.028zM14.95 4.59l.594-1.027l11.455 6.614l-.594 1.028z"/><path fill="#e10098" d="M5.002 10.174L16.456 3.56l.594 1.028l-11.455 6.614z"/><path fill="#e10098" d="m14.743 3.508l1.028-.594l11.45 19.833l-1.027.593zM5.454 9.386h1.187v13.228H5.454z"/><path fill="#e10098" d="M25.36 9.386h1.187v13.228H25.36z"/><path fill="#e10098" d="m15.734 27.042l9.962-5.752l.519.898l-9.963 5.752z"/><path fill="#e10098" d="M28.12 23a2.5 2.5 0 1 1-.915-3.411A2.5 2.5 0 0 1 28.12 23M8.2 11.5a2.5 2.5 0 1 1-.915-3.411A2.5 2.5 0 0 1 8.2 11.5M3.88 23a2.5 2.5 0 1 1 3.411.915A2.5 2.5 0 0 1 3.88 23M23.8 11.5a2.5 2.5 0 1 1 3.411.915A2.5 2.5 0 0 1 23.8 11.5M16 30a2.5 2.5 0 1 1 2.5-2.5A2.493 2.493 0 0 1 16 30m0-23.009a2.5 2.5 0 1 1 2.5-2.5a2.493 2.493 0 0 1-2.5 2.5"/></svg>
React
import type { SVGProps } from "react";
export function VscodeIconsFileTypeGraphql(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#e10098" d="M4.781 22.746L16.232 2.914l1.028.593L5.81 23.34z"/><path fill="#e10098" d="M4.545 21.162h22.902v1.187H4.545z"/><path fill="#e10098" d="m4.999 21.828l.593-1.028l11.455 6.614l-.594 1.028zM14.95 4.59l.594-1.027l11.455 6.614l-.594 1.028z"/><path fill="#e10098" d="M5.002 10.174L16.456 3.56l.594 1.028l-11.455 6.614z"/><path fill="#e10098" d="m14.743 3.508l1.028-.594l11.45 19.833l-1.027.593zM5.454 9.386h1.187v13.228H5.454z"/><path fill="#e10098" d="M25.36 9.386h1.187v13.228H25.36z"/><path fill="#e10098" d="m15.734 27.042l9.962-5.752l.519.898l-9.963 5.752z"/><path fill="#e10098" d="M28.12 23a2.5 2.5 0 1 1-.915-3.411A2.5 2.5 0 0 1 28.12 23M8.2 11.5a2.5 2.5 0 1 1-.915-3.411A2.5 2.5 0 0 1 8.2 11.5M3.88 23a2.5 2.5 0 1 1 3.411.915A2.5 2.5 0 0 1 3.88 23M23.8 11.5a2.5 2.5 0 1 1 3.411.915A2.5 2.5 0 0 1 23.8 11.5M16 30a2.5 2.5 0 1 1 2.5-2.5A2.493 2.493 0 0 1 16 30m0-23.009a2.5 2.5 0 1 1 2.5-2.5a2.493 2.493 0 0 1-2.5 2.5"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#e10098" d="M4.781 22.746L16.232 2.914l1.028.593L5.81 23.34z"/><path fill="#e10098" d="M4.545 21.162h22.902v1.187H4.545z"/><path fill="#e10098" d="m4.999 21.828l.593-1.028l11.455 6.614l-.594 1.028zM14.95 4.59l.594-1.027l11.455 6.614l-.594 1.028z"/><path fill="#e10098" d="M5.002 10.174L16.456 3.56l.594 1.028l-11.455 6.614z"/><path fill="#e10098" d="m14.743 3.508l1.028-.594l11.45 19.833l-1.027.593zM5.454 9.386h1.187v13.228H5.454z"/><path fill="#e10098" d="M25.36 9.386h1.187v13.228H25.36z"/><path fill="#e10098" d="m15.734 27.042l9.962-5.752l.519.898l-9.963 5.752z"/><path fill="#e10098" d="M28.12 23a2.5 2.5 0 1 1-.915-3.411A2.5 2.5 0 0 1 28.12 23M8.2 11.5a2.5 2.5 0 1 1-.915-3.411A2.5 2.5 0 0 1 8.2 11.5M3.88 23a2.5 2.5 0 1 1 3.411.915A2.5 2.5 0 0 1 3.88 23M23.8 11.5a2.5 2.5 0 1 1 3.411.915A2.5 2.5 0 0 1 23.8 11.5M16 30a2.5 2.5 0 1 1 2.5-2.5A2.493 2.493 0 0 1 16 30m0-23.009a2.5 2.5 0 1 1 2.5-2.5a2.493 2.493 0 0 1-2.5 2.5"/></svg> </template>
CSS
.icon-file-type-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%2032%2032%22%3E%3Cpath%20fill%3D%22%23e10098%22%20d%3D%22M4.781%2022.746L16.232%202.914l1.028.593L5.81%2023.34z%22%2F%3E%3Cpath%20fill%3D%22%23e10098%22%20d%3D%22M4.545%2021.162h22.902v1.187H4.545z%22%2F%3E%3Cpath%20fill%3D%22%23e10098%22%20d%3D%22m4.999%2021.828l.593-1.028l11.455%206.614l-.594%201.028zM14.95%204.59l.594-1.027l11.455%206.614l-.594%201.028z%22%2F%3E%3Cpath%20fill%3D%22%23e10098%22%20d%3D%22M5.002%2010.174L16.456%203.56l.594%201.028l-11.455%206.614z%22%2F%3E%3Cpath%20fill%3D%22%23e10098%22%20d%3D%22m14.743%203.508l1.028-.594l11.45%2019.833l-1.027.593zM5.454%209.386h1.187v13.228H5.454z%22%2F%3E%3Cpath%20fill%3D%22%23e10098%22%20d%3D%22M25.36%209.386h1.187v13.228H25.36z%22%2F%3E%3Cpath%20fill%3D%22%23e10098%22%20d%3D%22m15.734%2027.042l9.962-5.752l.519.898l-9.963%205.752z%22%2F%3E%3Cpath%20fill%3D%22%23e10098%22%20d%3D%22M28.12%2023a2.5%202.5%200%201%201-.915-3.411A2.5%202.5%200%200%201%2028.12%2023M8.2%2011.5a2.5%202.5%200%201%201-.915-3.411A2.5%202.5%200%200%201%208.2%2011.5M3.88%2023a2.5%202.5%200%201%201%203.411.915A2.5%202.5%200%200%201%203.88%2023M23.8%2011.5a2.5%202.5%200%201%201%203.411.915A2.5%202.5%200%200%201%2023.8%2011.5M16%2030a2.5%202.5%200%201%201%202.5-2.5A2.493%202.493%200%200%201%2016%2030m0-23.009a2.5%202.5%200%201%201%202.5-2.5a2.493%202.493%200%200%201-2.5%202.5%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%2032%2032%22%3E%3Cpath%20fill%3D%22%23e10098%22%20d%3D%22M4.781%2022.746L16.232%202.914l1.028.593L5.81%2023.34z%22%2F%3E%3Cpath%20fill%3D%22%23e10098%22%20d%3D%22M4.545%2021.162h22.902v1.187H4.545z%22%2F%3E%3Cpath%20fill%3D%22%23e10098%22%20d%3D%22m4.999%2021.828l.593-1.028l11.455%206.614l-.594%201.028zM14.95%204.59l.594-1.027l11.455%206.614l-.594%201.028z%22%2F%3E%3Cpath%20fill%3D%22%23e10098%22%20d%3D%22M5.002%2010.174L16.456%203.56l.594%201.028l-11.455%206.614z%22%2F%3E%3Cpath%20fill%3D%22%23e10098%22%20d%3D%22m14.743%203.508l1.028-.594l11.45%2019.833l-1.027.593zM5.454%209.386h1.187v13.228H5.454z%22%2F%3E%3Cpath%20fill%3D%22%23e10098%22%20d%3D%22M25.36%209.386h1.187v13.228H25.36z%22%2F%3E%3Cpath%20fill%3D%22%23e10098%22%20d%3D%22m15.734%2027.042l9.962-5.752l.519.898l-9.963%205.752z%22%2F%3E%3Cpath%20fill%3D%22%23e10098%22%20d%3D%22M28.12%2023a2.5%202.5%200%201%201-.915-3.411A2.5%202.5%200%200%201%2028.12%2023M8.2%2011.5a2.5%202.5%200%201%201-.915-3.411A2.5%202.5%200%200%201%208.2%2011.5M3.88%2023a2.5%202.5%200%201%201%203.411.915A2.5%202.5%200%200%201%203.88%2023M23.8%2011.5a2.5%202.5%200%201%201%203.411.915A2.5%202.5%200%200%201%2023.8%2011.5M16%2030a2.5%202.5%200%201%201%202.5-2.5A2.493%202.493%200%200%201%2016%2030m0-23.009a2.5%202.5%200%201%201%202.5-2.5a2.493%202.493%200%200%201-2.5%202.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/vscode-icons/file-type-graphql.svg?color=%231a73e8&size=48
